将嵌入地图(谷歌地图)的中心设置为特定位置

时间:2015-01-02 01:46:53

标签: html google-maps iframe

我试图在网站上使用这张地图,我正在使用下一段HTML代码来添加它。

<iframe src="https://www.google.com/maps/d/embed?mid=zkqAm4_X6ia8.kj6iIDUiDRdc&hl=es" width="640" height="480"></iframe>

我的问题是我希望嵌入式地图仅显示乌特勒支区域,但我无法弄清楚如何更改嵌入式地图的中心。我知道参数z =将设置缩放级别。我已经尝试过文档中指定的center =参数,但它似乎无法正常工作

https://developers.google.com/maps/documentation/embed/guide#optional_parameters

有人如何设置中心?

提前致谢!

4 个答案:

答案 0 :(得分:13)

您可以通过添加&ll=LAT, LONG

来传递lat和long

前:

&ll=40.7127, -74.0059

只需将其添加到src

中链接的末尾即可
<iframe src="https://www.google.com/maps/d/embed?mid=zkqAm4_X6ia8.kj6iIDUiDRdc&hl=es&ll=40.7127, -74.0059" width="640" height="480"></iframe>

FIDDLE

答案 1 :(得分:1)

如果您使用谷歌EMBED,您可以将lat lang传递给iframe src属性,例如center = lat,lng。

答案 2 :(得分:0)

我在下面使用地图选项

 center: new google.maps.LatLng(12.1, 122)

我必须尝试使用​​LatLng的变体来获得所需的居中位置,

答案 3 :(得分:0)

也许这可以帮助width =“ 100%” height =“ 600,我插入了一张Google地图,当我更改屏幕长度时,该地图将根据您看到的屏幕进行调整,并且指针将位于中间一直希望它能对您有所帮助。