繁体   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