Echarts基于百度地图实现地图飞线

JavaScript011

Echarts基于百度地图实现地图飞线,第1张

echart社区例子都是基于geo底图实现的底图飞线,现实现基于在线地图实现地图飞线:

原例子 Make A Pie - 模拟迁徙+百度地图

(1条消息) 利用ECharts3来实现ECharts2实例中的模拟迁徙效果,即背景地图为百度地图。_GiScript的博客-CSDN博客

效果图:

申请key:[控制台 | 百度地图开放平台 (baidu.com)][_ _ _baidu.com]

可以去这里---->Make A Pie - 150种legend-----图例

飞线样式也可以改

遇到什么问题,可留言,看到会尽快回复。

百度地图JSAPI提供两种绘制多折线的方式,一种是已知多折线经纬度坐标串通过AddOverlay接口进行添加;另一种是通过在地图上鼠标单击进行绘制(鼠标绘制工具条库)。目前这两种方式只能绘制多折线,并不能同时绘制线的箭头,以下介绍如何在线的拐点同时绘制箭头。搜索

在百度地图的右上角,点击“地图API”。

在地图API页面,把鼠标移动到“工具”菜单项,在下拉菜单中选择“坐标拾取工具”。

比如在搜索栏输入“百度大厦”点击搜索,就会在地图上出现相应的标记,点击你要找的某一个,就能看到相应的坐标。

同理,把找到的坐标输入到搜索栏,把后面“坐标反查”给勾上,点击搜索,就会对应的坐标打上标记,同时会有相应地址在最右边。

同时,把鼠标在地图上滑行,就可以看到,鼠标滑到每一个地方,都会对应显示坐标。