在特定纬度和经度上显示带有标记的嵌入式谷歌地图iframe

时间:2015-11-01 16:04:48

标签: google-maps iframe google-maps-api-3

这应该是可能的吗?

我已尝试搜索此内容,文档显示了一个类似的示例,您可以在某个“地点”上嵌入带有标记的地图,如下所示:

<iframe width="600" height="450" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJdd4hrwug2EcRmSrV3Vo6llI&key=..." allowfullscreen></iframe>

有没有办法显示标记,但使用纬度和经度代替不使用js api的地方?

2 个答案:

答案 0 :(得分:23)

如果您使用"place mode" of the Embedded API,则可以使用坐标来放置标记:

<!-- New York, NY, USA (40.7127837, -74.00594130000002) -->
<iframe width="100%" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?q=40.7127837,-74.0059413&amp;key=YOUR_API_KEY"></iframe>

working example

答案 1 :(得分:22)

无需使用javascript代码或google api密钥:

<iframe src="http://maps.google.com/maps?q=35.856737, 10.606619&z=15&output=embed" width="360" height="270" frameborder="0" style="border:0"></iframe>

只需用坐标替换q变量值。

注意:这不允许超过一个点。