Echarts-地图扩展-标准geoJson格式扩展地图-例子
本人菜鸟一枚,最近搞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格式扩展地图-例子的更多相关文章
- 用shp制作geoJson格式地图数据(shp convert to geoJson)
本文紧接前文,简单说明利用shp数据制作Echarts支持的geoJson格式的地图数据.本文以北京市通州区各镇的shp数据为例进行说明. 软件环境: ArcGIS 10.2 (ArcGIS 10.2 ...
- jvectormap地图开发和制作任意国家地图
jvectormap官网上提供了世界地图和很多国家的地图,但不是所有国家的地图都有,比如沙特阿拉伯的国家地图就没有,怎么办呢? 在http://www.amcharts.com/svg-maps/上下 ...
- echarts地图扩展文件使用geoJson格式。
echarts地图扩展文件使用geoJson格式. 1.在线生成 http://ecomfe.github.io/echarts-map-tool/ 这里可以生成省市区的json,但是最多生成到”区 ...
- 在echarts里在geojson绘制的地图上展示散点图(气泡)、线集。
先来要实现的效果图: 下方图1是官网的案例:http://www.echartsjs.com/gallery/editor.html?c=scatter-map 下图2是展示气泡类型为pin的效果: ...
- vue中使用echarts 制作某市各个街道镇的地图
我要制作的是青州的各街道镇的地图,于是我上网搜,很感谢这篇文章的作者给的提点和帮助https://www.jianshu.com/p/7337c2f56876 现在我把自己的制作过程做个整理,以山东省 ...
- 记28377系列芯片中Can总线标准帧和扩展帧该怎么设置?
笔者最近在调试28377系列DSP芯片的can通讯时,遇到一个小问题,百思不得姐~ 起因是这样的,在设计一个多单元并联的系统,所有单元使用can总线进行通讯,当通讯端口,can外设,以及相关通讯协议都 ...
- 关于asp.net C# 导出Excel文件 打开Excel文件格式与扩展名指定格式不一致的解决办法
-----转载:http://blog.csdn.net/sgear/article/details/7663502 关于asp.net C# 导出Excel文件 打开Excel文件格式与扩展名指定格 ...
- PipelineDB 1.0.0 发布——使用标准的pg 扩展开发模型
PipelineDB 1.0.0 发布已经发布了,现在的已经成为一个标准的pg 扩展了,语法也有变动 create continous view 修改为了view,create streaem 修改为 ...
- vue+vuex+axios+echarts画一个动态更新的中国地图
一. 生成项目及安装插件 # 安装vue-cli npm install vue-cli -g # 初始化项目 vue init webpack china-map # 切到目录下 cd china- ...
随机推荐
- Linux-lsof命令
lsof,List Open Files 列出当前系统打开文件的工具.在linux环境下,任何事物都以文件的形式存在,通过文件不仅仅可以访问常规数据,还可以访问网络连接和硬件(lsof强大原因).所以 ...
- http://stackoverflow.com/questions/12601907/loading-google-maps-in-anonymous-function
http://stackoverflow.com/questions/12601907/loading-google-maps-in-anonymous-function window.gMaps ...
- P1003 越野跑【tyvj】
/*=========================================================== P1003 越野跑 描述 Description 为了能在下一次跑步比赛中有 ...
- TKinter之菜单
菜单的分类也较多,通常可以分为下拉菜单.弹出菜单. 1.使用Menu类创建一个菜单 2.add_command添加菜单项,如果该菜单是顶层菜单,则添加的菜单项依次向右添加. 如果该菜单时顶层菜单的一个 ...
- Linux入侵检测工具 - RKHunter
RKHunter是Linux系统平台下的一款开源入侵检测工具 特点 (1)安装便捷,运行快速 (2)扫描范围全,能够检测各种已知的rootkit特征码.端口扫描.常用程序文件的变动情况检查 主要功能 ...
- elipse 调试 反射 invoke 子类
真实案例: 调试一个接口,子类invoke的,结果断点断不到: 查找两个项目间的关联.依赖,无果. 问人吧,结果是配置文件没改成本机: #============================# # ...
- ibats注意
<isNotEqual property="id" compareValue="0" prepend="and">id=#id# ...
- phpredis中文手册——《redis中文手册》 php版--引用他人
出处: http://www.cnblogs.com/zcy_soft/archive/2012/09/21/2697006.html 目录(使用CTRL+F快速查找命令): Key String H ...
- VBA 按照文件类型名称打开一个文件
Application.GetOpenFilename(fileFilter, fileIndex, fileSelectTitle, button, False) fileFilter: 指定能够被 ...
- 【java基础学习-2--】关于Hashcode()的使用
摘要 Java中equals()和hashCode()有一个契约: 如果两个对象相等的话,它们的hash code必须相等: 但如果两个对象的hash code相等的话,这两个对象不一定相等; 这个约 ...