【高德地图】易采坑合集

1. HeatmapLayer 热力图层透明度opacity属性设置无效

热力图层必须是数组

2. 降低[point]自带文字透明度

将叠加图层的zIndex设置到很高即可降亮度

3. vue页面切换后autocomplete功能失效

因为各页面该功能id相同， 不同页面需要使用不同的id

4. PolyonLayer 区面图层点击图形无法获取数据（鼠标事件无效）

eventSupport属性默认为false，需要设置为true鼠标事件才生效

var layer = new Loca.PointLayer({
    
   eventSupport: true,
   map: map
});

5. npm引入报错 TypeError: Loca.XX is not a constructor

按官方教程引入，将版本2.0改为缺省版本即可

import AMapLoader from '@amap/amap-jsapi-loader'

AMapLoader.load({
    
        key: '', // 申请好的Web端开发者Key，首次调用 load 时必填
        version: '1.4.15', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
        plugins: [],
        Loca: {
    
          // 是否加载 Loca， 缺省不加载
          version: '1.3.2' // Loca 版本，缺省 1.3.2
        }
      })
        .then(() => {
    
          this.map = new AMap.Map('amap', {
    
            features: ['bg', 'road', 'building', 'point'],
            // mapStyle: "amap://styles/darkblue",
            center: this.center,
            pitch: 0,
            zoom: this.zoom,
            viewMode: '2D'
          })
          // 热力图层
          this.layerHeat = new Loca.HeatmapLayer({
    
            map: this.map
          })
        })
        .catch((e) => {
    
          console.log(e)
        })