高德地图js api 添加自定义点标记,标记显示未加载
·
问题:
使用自定义点标记:覆盖物图片未加载

原因:
在插入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,或者直接在组件内引入
更多推荐




所有评论(0)