高德地圖web api更改marker大小

工作中,需要根據(jù)地圖的縮放,更改marker的大小。比如,地圖越縮小,marker必須變小,以防重疊到一堆。

搜索了很多文章,都沒有提高如何修改marker大小的。后面在高德api文檔里發(fā)現(xiàn)了秘籍:

或者向已創(chuàng)建好的 Marker 添加 Icon:marker.setIcon(icon);

于是我通過以下方式重置了marker:

const newIcon = new AMap.Icon({
  size: new AMap.Size(52, 26), // 圖標(biāo)尺寸
  image: !marker.vehicle.idle ? iconCar : iconCarGray, // Icon的圖像
  imageSize: iconMeta.size, // 根據(jù)所設(shè)置的大小拉伸或壓縮圖片
})
marker.setIcon(newIcon)

實現(xiàn)了我的目標(biāo)。

核心API :

marker.setIcon(icon)

image.png

增加:

當(dāng)marker縮小后,對應(yīng)的offset還是原來的,這個時候marker會向左上偏移更多,所以,此時還應(yīng)該調(diào)用marker.setOffset()方法重置offset。

marker API

綜上,有問題找API文檔。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容