唤起app

高德api-网页唤起app (opens new window)

Vue接入

AMap记得加new

• 错误AMap.Marker({}),报错n._createContainer is not a function
• 正确new AMap.Marker({})

错误示例

setup() {
    const map = shallowRef(null)
    AMapLoader.load({
        key: '', // 申请好的Web端开发者Key，首次调用 load 时必填
        version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
        plugins: [''], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
    })
    .then((AMap) => {
        map.value = new AMap.Map('container', {
            //设置地图容器id
            viewMode: '3D', //是否为3D地图模式
            zoom: 13, //初始化地图级别
            center: [117.024095, 36.670719], //初始化地图中心点位置
        })
      
      // 错误示例， 以为then返回了AMap，这里都没加new，导致页面报错，
      // const marker = AMap.Marker({
      //     position:  AMap.LngLat(116.39, 39.9),   // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
      //     title: '北京'
      // });
      
      // 正确示例
      const marker = new AMap.Marker({
        position:  new AMap.LngLat(116.39, 39.9),   // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
        title: '北京'
      });
      map.value.add(marker);
    })
    .catch((e) => {
        console.log(e)
    })
}