vue接入高德地图(web端地图、地图点标记Marker、地理编码)

1、接入准备工作，高德官方文档：

• 1.1、注册开发者账号。
• 
• 1.2、登录之后，点击控制台进入「应用管理」 页面「创建新应用」
• 
• 1.3、为应用添加key，「服务平台」一项请选择「 Web 端 ( JSAPI ) 」。
• 
• 1.4、2.0版本添加成功后，可获取到key值和安全密钥jscode

 

2、使用npm方式安装loader。

npm i @amap/amap-jsapi-loader --save

3、vue2中使用如下，vue3在高德官方文档中有示例。

• 创建地图容器，其中id在地图初始化的时候需要使用，具体看代码与注释。