echarts3加载map的方式和2不一样了，你必须得先注册地图才行，
“`js$.getJSON(‘./china.json’, function (data) { echarts.registerMap(‘china’, data) var chart = echarts.init(document.getElementById(‘map’)) chart.setOp
tion({ series: [{ type: ‘map’, map: ‘china’ }] }) })“`
类似这样,你需要下载中国的地理矢量数据geojson
echarts3与echarts2区别：
1、js文件：
首先是js文件，echarts3做了很大的优化，在echarts2中，对各种控件的类库管理的较为详
细，有专门的目录结构来存放相关的js文件及相关资源，但是在引入文件的时候往往会很不
方便，可能会一不小心就漏掉一个文件，而echarts3可以根据需要在下载项下直接根据所需
的功能构架类库，使用时只要导入一个echarts.min.js文件就可以；
2、文件导入：
在echarts2中，require是作为模块化加载的入口，在使用过程中关于路径配置经常会出现
问题，特别是制作地图的时候，而在echarts3中只需要在开头加一句[html] view plain copy
<script src="js/echarts.js"></script> 接下去只要调用接口就可以了；
3、离线地图：
echarts2中离线地图的精确度存在很大的问题，特别是下钻到区县一级，边界线存在
模糊、交叉、空白等问题，并且经常出现飞地，与实际地图出入较大，个人认为基本没
什么用，在echarts3中对此做了很大的改进，基本解决了以上问题，市与市之间、区县
与区县之间基本上不存在衔接问题；另外，在echarts3中可以根据需要自主构建地图，
这个服务给实际使用提供了很大的便利；
4、工具栏：
在echarts3的toolbox里面把辅助线功能取消掉了，图标变小了，总体上感觉echarts3
里面的toolbox更丑了；
5、地图漫游工具：
在echarts3里面把地图漫游工具取消掉了，说实话，echarts2里面的地图漫游工具看着
还是挺不错的，虽然并没有什么用；
6、坐标系:
echarts3中，数据结构进行了统一化抽象，最常用的数据结构有：线性表、树、图。例
如，线性表以及树、图的节点列表的结构可以归一化为这样的二维数组；echarts3中另
一个重要的数据结构抽象是独立出了“坐标系”概念；事实上在 ECharts2 中已经有
grid、polar配置项存在，但是并不是按一个“坐标系”的理解去实现的；echarts3中，
支持了直角坐标系（catesian，兼容 echarts2中的grid）、极坐标系（polar）、地理
坐标系（geo）；
7、Option变动：
1）组件位置想x、y等变成了left、top,可以使用像素和百分比，适应性更强。
2）为了让结构更合理，echarts3中label被移出来和itemStyle平级。
根据官方说法，在echarts3中以前的用法也是兼容的，只是不推荐。
参考资料
echarts3与echarts2区别.CSDN[引用时间2018-1-22]
自己写有难度吧！！！查看百度地图api里头有说明获取实时经纬度的。
1、成为开发者，获取百度地区秘钥
2、引入百度地图js插件
3、获取经纬度
<script type="text/javascript">
// 初始化地图
var map = new BMap.Map("allmap")
var point = new BMap.Point(116.331398,39.897445)
map.centerAndZoom(point,12)
map.addEventListener("click", function(e){//鼠标点击事件
var pt = e.point
alert(pt.lng + "xxx" + pt.lat)//弹窗经纬度
})</script>
您好：这个如果用js来实现的话估计会很难。并且表示自己之前找过同功能插件，但是没找到。网上那些效果都是基本上用flash来做的效果，指向后高亮或者立体感显示。不过js可以在一张图片上加区域即可。主要是<area>和<map>标签即可。然后设定范围坐标即可。不过这个是规则的图形，长方形或者正方形。不懂的可以百度"js图片区域点击".不规则的点击区域尚未找到插件。
