- 下載了幾個
阿里矢量圖標庫
里的圖標作為百度地圖的自定義圖標
,結果百度地圖顯示的圖標一直不完整。 - 下載的PNG圖標已經被正常引入到前端代碼,anchor也設置為了圖標底部中心,結果還是顯示不完整。
if (iconUrl) {const icon = new mapClass.Icon(iconUrl, new mapClass.Size(23, 25), {anchor: new mapClass.Size(10, 25) });marker.setIcon(icon);}
- 然后用ps打開PNG圖標,發現從阿里矢量圖標庫下載的圖標默認大小是
200×200
,所以百度地圖只顯示了圖標的左上角的一小部分,所以地圖上面看不到圖標。
- 按照前端的代碼,在ps里修改圖像大小并導出,替換前端引入的PNG圖標,這下可以正常顯示了。
PS:后面又發現阿里矢量圖標庫導出時不僅可以替換想要的顏色,也是可以更改大小的[苦笑],只不過默認大小是200×200。