本人菜鸟一枚,最近搞echarts地图。看到官方给的“标准geoJson格式扩展地图-全国主要城市”的例子,瞬间就蒙逼了。不怪人官网的例子不好,实在是我看不懂它是怎么弄得。最后折腾了一晚上,最后终于弄出个想样子的例子来。(有同感的收藏下,高手勿喷!)

下面这个例子是我弄得汕尾市的,里面的链接是我项目的,我就不改了。这段代码其实是两个例子凑起来的,大家也可以再自己的项目里面试试。中间绿色部分是抄的官方的“标准geoJson格式扩展地图-全国主要城市”code。其他代码抄的是Echarts的start第4步的例子。大家改成自己的项目路径就ok了。

aaarticlea/png;base64,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" alt="" />


<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>ECharts</title>
</head>
<body>
<!-- 为ECharts准备一个具备大小(宽高)的Dom -->
<div id="main" style="height:400px"></div>
<!-- ECharts单文件引入 -->
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="{weiqiye::STATICS}/wx/echarts/build/dist/echarts.js"></script>
<script type="text/javascript">
// 路径配置
require.config({
paths: {
echarts: '{weiqiye::STATICS}/wx/echarts/build/dist'
}
}); // 使用
require(
[
'echarts',
'echarts/chart/map' // 使用柱状图就加载bar模块,按需加载
],
function (ec) {
// 基于准备好的dom,初始化echarts图表
var myChart = ec.init(document.getElementById('main')); var cityMap = {
"汕尾市": "441500"
}; var curIndx = 0;
var mapType = [];
var mapGeoData = require('echarts/util/mapData/params');
console.log(mapGeoData)
for (var city in cityMap) {
mapType.push(city);
// 自定义扩展图表类型
mapGeoData.params[city] = {
getGeoJson: (function (c) {
var geoJsonName = cityMap[c];
return function (callback) {
$.getJSON('{weiqiye::STATICS}/wx/echarts/geoJson/china-main-city/' + geoJsonName + '.json', callback);
}
})(city)
}
} var ecConfig = require('echarts/config');
var zrEvent = require('zrender/tool/event'); option = {
title: {
text : '',
},
tooltip : {
trigger: 'item',
formatter: '{b}所有景点'
},
series : [
{
name: '',
type: 'map',
mapType: '汕尾市',
selectedMode : 'single',
itemStyle:{
normal:{label:{show:true}},
emphasis:{label:{show:true}}
},
data:[]
}
]
}; // 为echarts对象加载数据
myChart.setOption(option); }
);
</script>
</body>

Echarts-地图扩展-标准geoJson格式扩展地图-例子的更多相关文章

  1. 用shp制作geoJson格式地图数据(shp convert to geoJson)

    本文紧接前文,简单说明利用shp数据制作Echarts支持的geoJson格式的地图数据.本文以北京市通州区各镇的shp数据为例进行说明. 软件环境: ArcGIS 10.2 (ArcGIS 10.2 ...

  2. jvectormap地图开发和制作任意国家地图

    jvectormap官网上提供了世界地图和很多国家的地图,但不是所有国家的地图都有,比如沙特阿拉伯的国家地图就没有,怎么办呢? 在http://www.amcharts.com/svg-maps/上下 ...

  3. echarts地图扩展文件使用geoJson格式。

    echarts地图扩展文件使用geoJson格式. 1.在线生成 http://ecomfe.github.io/echarts-map-tool/  这里可以生成省市区的json,但是最多生成到”区 ...

  4. 在echarts里在geojson绘制的地图上展示散点图(气泡)、线集。

    先来要实现的效果图: 下方图1是官网的案例:http://www.echartsjs.com/gallery/editor.html?c=scatter-map 下图2是展示气泡类型为pin的效果: ...

  5. vue中使用echarts 制作某市各个街道镇的地图

    我要制作的是青州的各街道镇的地图,于是我上网搜,很感谢这篇文章的作者给的提点和帮助https://www.jianshu.com/p/7337c2f56876 现在我把自己的制作过程做个整理,以山东省 ...

  6. 记28377系列芯片中Can总线标准帧和扩展帧该怎么设置?

    笔者最近在调试28377系列DSP芯片的can通讯时,遇到一个小问题,百思不得姐~ 起因是这样的,在设计一个多单元并联的系统,所有单元使用can总线进行通讯,当通讯端口,can外设,以及相关通讯协议都 ...

  7. 关于asp.net C# 导出Excel文件 打开Excel文件格式与扩展名指定格式不一致的解决办法

    -----转载:http://blog.csdn.net/sgear/article/details/7663502 关于asp.net C# 导出Excel文件 打开Excel文件格式与扩展名指定格 ...

  8. PipelineDB 1.0.0 发布——使用标准的pg 扩展开发模型

    PipelineDB 1.0.0 发布已经发布了,现在的已经成为一个标准的pg 扩展了,语法也有变动 create continous view 修改为了view,create streaem 修改为 ...

  9. vue+vuex+axios+echarts画一个动态更新的中国地图

    一. 生成项目及安装插件 # 安装vue-cli npm install vue-cli -g # 初始化项目 vue init webpack china-map # 切到目录下 cd china- ...

随机推荐

  1. php(验证网址是否存在)错误

      $ra=get_headers('http://hi.baidu.com'); if($ra[0]==='HTTP/1.1 200 OK'){ echo 'ok'; } 这是错误的,因为有时会返回 ...

  2. MySQL Backup in Facebook

    本文将较为详细的介绍Facebook对于MySQL数据库的备份策略和方法 文章欢迎转载,但转载时请保留本段文字,并置于文章的顶部 作者:卢钧轶(cenalulu) 本文原文地址:http://cena ...

  3. Hadoop 安装记录

    第一步:打开/etc 下面的 profile文件,在其中加入环境变量设置的代码 done JAVA_HOME=/home/hadoop/installer/jdk7u65 PATH=$JAVA_HOM ...

  4. spring 初始化时注入bean实现listener的方法

    两种方法: 1.实现ApplicationListener<ContextRefreshedEvent>的onApplicationEvent(ContextRefreshedEvent ...

  5. WCF入门教程四[WCF的配置文件]

    一.概述 配置也是WCF编程中的主要组成部分.在 以往的.net应用程序中,我们会把DBConn和一些动态加载类及变量写在配置文件里.但WCF有所不同.他指定向客户端公开的服务,包括服务的地址. 服务 ...

  6. JS兼容IE浏览器的方法

    背景 系统需要兼容蛋疼的IE6... 解决方案 *{ 兼容IE6-8 }* <!--[if lt IE 9]> <script src="@{'/public/mng/ja ...

  7. 在没有spineRunTime情况下手动使用spine数据

    用spine做了一些简单UI动画,结果发现游戏用的cocos2dx版本太低了,无法集成spineRunTime,无奈只好把spine记下的关键帧数据抄到一个txt文件中,然后读取txt,再自己写代码播 ...

  8. 【总结】IE和Firefox的Javascript兼容性总结(转)

    文章转自:http://www.cnblogs.com/wiky/archive/2010/01/09/IE-and-Firefox-Javascript-compatibility.html 长久以 ...

  9. TKinter布局之grid 网格布局

    1.由于我们的程序大多数都是矩形,因此特别适合于网格 布局,也就是 grid 布局. 2.使用 grid 布局的时候,我们使用 grid 函数,在里面指 定两个参数,用 row 表示行,用 colum ...

  10. ASP.NET MVC 出现错误 “The view 'XXX' or its master was not found or no view engine support”

    来自:http://www.dengyukeji.com/archiver/tid-151.html 错误如下:The view 'XXX' or its master was not found o ...