旅游景点 旅游攻略 日本旅游 文化旅游 旅游景区 昆明旅游 桂林旅游 乡村旅游 上海旅游

如何利用高德地图绘制动态点的规划路线

时间:2024-10-12 10:38:23

1、第一步,在创建的web项目中pages目录下,新建静态页面line.html,并引入高德地兔脒巛钒图核心css和js文件,注意引入兼容IE浏览器,添加兼容不同设备代码,如下图所示:

如何利用高德地图绘制动态点的规划路线

3、第三步,在div标签下方插入script标签,并在script标签内初始化高德地图,设置地图的放大级别以及中心点位置坐标,如下图所示:

如何利用高德地图绘制动态点的规划路线

5、第五步,设置完毕后,在浏览器中进行预览,会看到已画好的直线,根据地图经纬度进行规划;如果需要按照曲线设计,知道更多点的坐标,如下图所示:

如何利用高德地图绘制动态点的规划路线
© 途途旅游