如何利用高德地图绘制动态变化点的路径

来源：互联网 2023-03-16 23:57:28 398

高德地图可以绘制不同类型的线或轨迹，如折线、圆、多边形等。如果知道每个点的经纬度，然后使用线将这些点连接起来，构成了运动轨迹。下面利用一个实例来说明绘制不同个数点的线，具体操作如下：

如何利用高德地图绘制动态变化点的路径

工具/原料

第一步，在创建的web项目中pages目录下，新建静态页面line.html，并引入高德地图核心css和js文件，注意高德地图的密钥设置，如下图所示：

如何利用高德地图绘制动态变化点的路径

第二步，body元素内部插入一个含有id属性的div标签，作为地图容器使用，设置其宽度和高度，如下图所示：

如何利用高德地图绘制动态变化点的路径

2相关内容未经许可获取自百度经验

第三步，在div标签下方插入script标签，并在script标签内初始化高德地图，确定中心点经纬度和地图放大级别，如下图所示：

如何利用高德地图绘制动态变化点的路径

第四步，声明一个数组lineArr并赋值，lineArr装载了各个点的经纬度，利用高德地图的Polyline类画线，如下图所示：

如何利用高德地图绘制动态变化点的路径

第五步，设置完毕后，在浏览器中进行预览，会看到一条直线，这里是设置两个点的经纬度，如下图所示：

如何利用高德地图绘制动态变化点的路径

第六步，在第四步中的数组lineArr再添加两个点，让轨迹更为精确，保存后再次预览，如下图所示：

如何利用高德地图绘制动态变化点的路径

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！