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

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

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

百度地图调用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

设置单位到左上方:

设置折线图中不一样的折线拐点.

设置图表中的标注

导入图例的个性图标

一个柱状图的左右两端都写字儿,用一个透明的 柱子铺到另一个柱子的上面,透明的在右边写字儿,不透明的写左边

试试添加:

markPoint: {

data: [

{

name: '某个坐标',

coord: [120, 70]

}

]

},


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11610921.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-17
下一篇2023-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存