VUE学习六 高德地图常用功能解析

在项目实施过程中，地图相关功能被广泛应用于多个场景，因此有必要对常用功能进行系统性归纳与整理，以便于后续工作的顺利开展。

目录

1.地图的引入

2.地图在页面中的展示

3.点标记

3.1快速添加点标记

3.2点标记的详细设置

4.圆形、方形及多边形标记

4.1绘制圆形

4.2绘制多边形

4.3绘制长方形

5.地图操作功能

5.1清除地图内容

5.2清除单个图形元素

5.3调整地图最佳视图范围

5.4地图点击交互事件

6.路径规划功能

6.1已知起点与终点，自动进行路径规划

6.2手动在地图上选择起点和终点

1.地图引入的作用与影响

在项目结构的最外层，我们需要将高德地图进行引入操作，具体位置位于public/index.html文件中，相关代码示例如下

    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=yourkey"></script>
    

其中需将对应的key内容替换为高德平台所提供的开发者key（高德地图开发者key申请），仅需进行一