在您的网站中嵌入新版谷歌地图

8
我刚发现新版的Google地图没有一个链接按钮,以前可以让人们获取嵌入到他们网站中的嵌入代码。以下是两个链接:LINK-1LINK-2(两个链接都说'点击“链接”选项以获取嵌入代码')。另外,他们似乎已经改变了URL格式(现在更加简洁!)。现在它看起来像:
https://www.google.com/maps/preview?ie=UTF8#!data=!1m4!1m3!1d2020!2d74.995161!3d13.2164639

在这里,!data参数包含所有信息(纬度、经度、缩放级别、屏幕跨度等)

!data=!1m4!1m3!1d2020!2d74.995161!3d13.2164639

所以我尝试手动构建地图的嵌入参数(假设!2d74.995161和!3d13.2164639代表纬度和经度)。
<iframe class="map" width="924" height="208" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/?ie=UTF8&amp;t=m&amp;ll=74.995161,13.2164639&amp;spn=0.003381,0.017231&amp;z=16&amp;output=embed"></iframe>

但令我惊讶的是上面的嵌入代码指向完全不同的位置(格陵兰海!而我的原始链接是印度)。

我的问题是:如何在谷歌新地图中获取嵌入代码。

3个回答

9

您的纬度和经度颠倒了:

请尝试以下链接:

https://maps.google.com/?ie=UTF8&t=m&ll=13.2164639,74.995161&spn=0.003381,0.017231&z=16&output=embed

代码片段:

<iframe class="map" width="924" height="208" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/?ie=UTF8&t=m&ll=13.2164639,74.995161&spn=0.003381,0.017231&z=16&output=embed"></iframe>


2
在新版的Google地图中,它们增加了一个“分享和嵌入地图”的选项。它隐藏在地图右下方的小齿轮图标中。或者您可以手动构建它...但是这种方式更容易,而且它还将链接到公司的Google列表。

是的,现在他们有分享选项了,但当时还没有,这就促使我发布了这个问题。 - Nagendra Rao

-2

刚刚发现了如何消除那个讨厌的工具栏和其他工具栏,以便我可以看到全屏地图。实际上在这里找了一下如何做到这一点,但是没有提出的解决方案有效。我其实是偶然间想到的。

这是我做的。前往地图。按住ctrl键并使用鼠标滚轮使所有内容缩小。现在,如果您在指针悬停在工具栏上时执行此操作,那些工具栏会变小。现在将光标移动到地图上并向另一侧滚动。您可以放大地图,而这些工具栏仍将保持微小的大小。喜欢这个,是啊overtonmath "你知道sin30度吗?"


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接