高德地图

共计 199 字，约需阅读 0.72 分钟

准备

  1. 注册账号并申请 Key ，参考 官方链接
  2. 通过 npm i @amap/amap-jsapi-loader 安装 SDK

使用

  1. 配置 securityJsCode
1
2
3
window._AMapSecurityConfig = {
  securityJsCode: '你的 secret',
}
  1. 初始化 SDK
1
2
3
4
5
6
7
8
9
import AMapLoader from '@amap/amap-jsapi-loader'

AMapLoader.load({
  key: '你的 key', // 申请好的Web端开发者Key，首次调用 load 时必填
  version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
  plugins: [], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
}).then((AMap) => {
  // 初始化代码
})

注意

  • 通过此种方式使用高德地图时，建议 securityJsCode 在使用前做简单的加密，如通过 base64 等方式加密等
  • 当出现较大的误差时请检查 key 和 securityJsCode 是否匹配

参考