新增场景标注

riku

2024-05-13 d277d770292df0a1266c07f4773d62edd70e6515

 src/utils/map/marks.js

@@ -76,5 +76,66 @@
    });
    _massMarks = massMarks;
    map.add(massMarks);
  },

  createLabelMarks(img, dataList) {
    // eslint-disable-next-line no-undef
    const layer = new AMap.LabelsLayer({
      zooms: [3, 20],
      zIndex: 1000,
      // 开启标注避让，默认为开启，v1.4.15 新增属性
      collision: true,
      // 开启标注淡入动画，默认为开启，v1.4.15 新增属性
      animation: true
    });

    map.add(layer);

    // var markers = [];
    for (var i = 0; i < dataList.length; i++) {
      const data = dataList[i];
      var curData = {
        name: data.name,
        position: [data.longitude, data.latitude],
        zooms: [10, 20],
        opacity: 1,
        zIndex: 10,
        icon: {
          type: 'image',
          image: img,
          // clipOrigin: [14, 92],
          // clipSize: [50, 68],
          size: [24, 24],
          anchor: 'bottom-center',
          angel: 0,
          retina: true
        },
        text: {
          content: data.name,
          direction: 'top',
          offset: [0, -5],
          style: {
            fontSize: 15,
            fontWeight: 'normal',
            fillColor: '#fff',
            strokeColor: '#333',
            strokeWidth: 2
            // backgroundColor: '#b1009b'
          }
        }
      };
      curData.extData = {
        index: i
      };

      // eslint-disable-next-line no-undef
      var labelMarker = new AMap.LabelMarker(curData);

      // markers.push(labelMarker);

      layer.add(labelMarker);
    }

    return layer;
  }
};