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

1、接入准备工作,高德官方文档:

  • 1.1、注册开发者账号。
  • vue接入高德地图(web端地图、地图点标记Marker、地理编码)_第1张图片
  • 1.2、登录之后,点击控制台进入「应用管理」 页面「创建新应用」
  • vue接入高德地图(web端地图、地图点标记Marker、地理编码)_第2张图片
  • 1.3、为应用添加key,「服务平台」一项请选择「 Web 端 ( JSAPI ) 」。
  • vue接入高德地图(web端地图、地图点标记Marker、地理编码)_第3张图片
  • 1.4、2.0版本添加成功后,可获取到key值安全密钥jscode

 

2、使用npm方式安装loader。

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

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

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





你可能感兴趣的:(uniapp,web端,vue,前端框架)