问题:

使用自定义点标记:覆盖物图片未加载

原因:

在插入html 时, 解析assets 路径下的文件出现问题。

    map = new AMap.Map("map-container", {
        // 设置地图容器id
        viewMode: "3D", // 是否为3D地图模式
        zoom: 18, // 初始化地图级别
        center: [115.949843, 39.02687], // 初始化地图中心点位置
        mapStyle: 'amap://styles/macaron', // 地图主题
      });
      // 自定义点标记
      const content = `<div class="custom-content-marker">
        <img src="/src/assets/imgs/dashboard/marker.png">
      </div>`;
      const marker = new AMap.Marker({
        content: content, //自定义点标记覆盖物内容
        position: [115.949843, 39.02687], //基点位置
        offset: new AMap.Pixel(-32, -104), //相对于基点的偏移位置
      });
      map.add(marker);

解决:

1,把图片换成网络地址

2,或者base64

3,或者直接在组件内引入

Logo

加入社区!打开量化的大门,首批课程上线啦!

更多推荐