高德地图JSapi上的marker的icon图片

最新推荐文章于 2024-05-28 15:44:10 发布

前端小凯

最新推荐文章于 2024-05-28 15:44:10 发布

阅读量939

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/qq_43235503/article/details/130309294

版权

（1）网络图片资源：直接写入路径

let marker = new AMap.Marker({
    position: new AMap.LngLat(
        item.location.lng,
        item.location.lat
    ), // 经纬度坐标
    title: item.formattedAddress, //标记城市名称
    icon: '//a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png',
    offset: new AMap.Pixel(-13, -30)
});

（2）本地图片资源：使用require("路径")包裹本地图片路径

let marker = new AMap.Marker({
    position: new AMap.LngLat(
        item.location.lng,
        item.location.lat
    ), // 经纬度坐标
    title: item.formattedAddress, //标记城市名称
    icon: require("../../../assets/icon/icon-baobiaoguanli2.png"),
    offset: new AMap.Pixel(-13, -30)
});