以官方示例为起点进行修改:
https://www.echartsjs.com/gallery/editor.html?c=scatter-map
若自行绘制html进行尝试,请记得引入中国地图或者世界地图js
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
世界地图的使用方式与中国地图相同,需要更换的就是坐标而已。
首先将 option
中无关项去除,如 title
,tooltip
,visualMap
,legend
;
保留下顶部 geoCoordMap
数组,这个数组是城市对应的坐标,灰常重要。。。全靠这个坐标
然后清空 series
,并修改 convertData
方法如下
var convertData = function (data) {
var res = [];
for (var i = 0; i < data.length; i++) {
var dataItem = data