簡體   English   中英

帶有郵政編碼和自定義標記圖像的Google地圖

[英]Google map with postal code and custom marker image

我目前正在使用帶有郵政編碼和標准紅色標記的Google Map靜態地圖。 我想使用自定義的png圖像代替紅色標記。

我嘗試在url中添加帶有marker參數的圖像的url,但它在地圖中給出了錯誤。

<img src="https://maps.googleapis.com/maps/api/staticmap?center=v302t8&zoom=9&size=460x150&maptype=roadmap&key=APIKEY&markers=color:red%7Cv302t8" alt="">

我希望能夠使用這種方法,而不是地理編碼方法,因為它們的查詢數量是有限的。

我不知道center位置v302t8是什么(錯誤的來源?),還是地圖URL中最后的%7Cv302t8 ,所以我修改了上面的內容,如下所示。 地圖加載成功,並以"Tower of London"為中心顯示自定義標記圖像

所選圖片應為64px x 64px或更小。

https://maps.googleapis.com/maps/api/staticmap?center=51.507336, -0.074968&zoom=15&size=512x512&maptype=roadmap&key=<APIKEY>&markers=icon:http://cdn.akamai.steamstatic.com/steamcommunity/public/images/avatars/af/afeef641914e77b0950eb8b8317bfbf080b69ace_medium.jpg|51.507336, -0.074968

靜態地圖-以倫敦金融城為中心

更新:使用png文件也可以-再次牢記標記圖像的最大尺寸

https://maps.googleapis.com/maps/api/staticmap?center=51.507336, -0.074968&zoom=15&size=512x512&maptype=roadmap&key=<APIKEY>&markers=icon:https://cartoon.aminoapps.com/static/bower/emojify.js/images/emoji/skull.png|51.507336, -0.074968

以透明PNG圖像作為標記的靜態地圖

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM