echarts自定义SVG地图后怎么通过真实经纬度进行标注

如何在页面中调用百度地图，直接在你想要插入的页面上调用百度地图代码即可

百度地图调用API地址：http://api.map.baidu.com/lbsapi/creatmap/index.html

1.设置定位中心：直接搜索你要找的位置即可。

调用百度地图代码

2.设置地图：设置地图样式，如大小，显示，功能等。

3.添加标注：添加你要标注的地方，自定义坐标位置

4.获取代码：点击获取代码即可，在你要插入百度地图的地方出入百度地图代码

只要插入<!--引用百度地图API-->部分的代码就行。原理就是获取各省的边界坐标,然后在地图上面用不颜色的覆盖物Polygon，百度地图和谷歌地图都有同样的Polygon类。

百度地图的API相关Polygon文档在这里：http://dev.baidu.com/wiki/map/index.php?title=Class:%E8%A6%86%E7%9B%96%E7%89%A9%E7%B1%BB/Polygon

谷歌地图API相关Polygon文档在这里：https://developers.google.com/maps/documentation/javascript/reference#Polygon

onMouseOver 实现状态二 onMouseOut 实现鼠标移开状态 至于鼠标按下状态没有意义

对于状态三 你需要建立一个全局变量记录此时元素的状态 然后只有onClick 即可 onClick

之后判断点击前元素状态，若为状态1则点击后元素到达状态3 若原本为状态3点击后回到状态1 （不要忘记点击后对应状态改变那个全局变量）

试试添加：

markPoint: {

data: [

{

name: '某个坐标',

coord: [120, 70]

}

]

},

---