为什么我的Google Static Map API不显示自定义标记?

时间:2017-08-25 23:22:32

标签: javascript google-maps

我在我的网站上使用Google地图静态API。地图工作正常,但我无法使自定义标记工作。

<img class="map-venue-detail" src="https://maps.googleapis.com/maps/api/staticmap?&markers=icon:localhost/assets/imagetest.png%7C{{ object.company.latitude }},{{ object.company.longitude }}&zoom=15&size=768x400&key=MY_KEY">

疯狂的部分是,当我尝试使用Google Map Static(https://developers.google.com/maps/documentation/static-maps/images/star.png)中的示例标记时,地图可以使用自定义Google星标记,但只要我使用PNG它不再起作用了。

我看到有人建议解决问题。但我也尝试将google marker图像保存到我的localhost并使用该图像(因此,我使用https://developers.google.com/maps/documentation/static-maps/images/star.png而不是指向localhost/assets/imagetest.png,我的地图再次使用“默认”标记。

PS:我还尝试使用|代替%7C。也不行。

有人能帮助我吗?

1 个答案:

答案 0 :(得分:2)

静态地图在Google的服务器上呈现。 Google的服务器无法访问您的localhost来检索标记,因此无法呈现它。

要呈现标记图标 以便公开访问。