Javascript 带有邮政编码和自定义标记图像的谷歌地图

我目前正在使用谷歌地图的静态地图，带有邮政编码和标准红色标记。我想使用自定义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="">

---

我希望能够使用这种方法，而不是地理编码方法，因为它们的查询数量有限。

我不知道

中心
位置
v302t8
（错误来源？）是什么，或者地图url中的最终
%7Cv302t8
，所以我修改了上面的内容，如下所示。地图加载OK并显示一个以
“伦敦塔”为中心的自定义标记图像

所选图像应为64px 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

使用有效的邮政编码（我相信
v302t8
应该是这样）运行上述代码可以正常工作-但是使用上述代码会导致映射错误。。。验证实际邮政编码是否正确。谢谢，jpg图像可以工作，但它似乎不支持png文件。有没有一种方法可以在透明背景下使用png？它也可以很好地处理png文件-不过要注意图像的大小。。请参阅上面的更新，我使用的是64x64 24位png，具有80%的不透明度/透明度，但没有显示。png图像文件是否需要托管在cdn上？如果它在您的网站上，您应该能够使用完整的url-它不能在您的开发机器上-图像的路径必须是一个完全限定的url afaikI已经输出了完整的url，包括但没有运气。我真正想做的是添加一个带有透明不透明度的地图圆圈，以显示大致位置。我知道谷歌有这个功能，但我如何才能将它添加到我的集成中：
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