本人菜鸟一枚,最近搞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. Maximum number of WAL files in the pg_xlog directory (2)

    Jeff Janes: Hi, As part of our monitoring work for our customers, we stumbled upon an issue with our ...

  2. HttpModule和Http Handler (比较与区别)

    HttpModule和Http Handler (比较与区别) HttpModule概述 暂时先不考虑我们自己实现Http Module的情况.在.Net中,Http Module 是实现了IHttp ...

  3. HTML相对路径 当前目录、上级目录、根目录、下级目录表示法

    文件引用时经常需要用到相对目录.如(js,css,图片等) "./"  ---------       源代码所在的当前目录(可省略) "../"  ----- ...

  4. Oracle对索引列同时使用多个聚合函数的性能问题

    Oracle某一数据表tkk715(数据量在一千万左右),对一个索引字段做获取最大值与最小值的聚合函数操作,响应时间较长(超过3秒): 将SQL改写为分别取最大.最小的聚合值,IO和响应时间显著下降到 ...

  5. java 实现mysql数据库导出

    package com.zbb.util; import java.io.BufferedReader;import java.io.File;import java.io.FileInputStre ...

  6. Long 陷阱

    String str = "10"; System.out.print(Long.getLong(str)); System.out.print(Long.valueOf(str) ...

  7. Jquery ajax提交表单几种方法详解

    [导读] 在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的 ...

  8. MongoDB备份与导入

    导出mongodb的数据 mongodump -d nodes -o url 导入mongodb数据mongorestore --db nodes url 删除mongodb的数据库db.dropDa ...

  9. css字体文件

    ├── glyphicons-halflings-regular.eot├── glyphicons-halflings-regular.svg├── glyphicons-halflings-reg ...

  10. Phonegap通过JS访问本地接口的两种方法

    Phonegap为跨设备的应用开发提供了一个解决方案.如果某个应用只有js和html,则可以通过Phonegap的在线build工具,编译出多个平台的app安装包.当然通过Phonegap提供的js可 ...