获取谷歌地图链接与纬度/经度

Question

我想获得谷歌地图链接，在位于纬度/经度的标记中显示标题/内容。

所以参数是标题，内容，纬度，经度。 结果是这样的链接 https://maps.google.com/?ie=UTF8&ll=xxx,xxx&title=xxx&content=xxx

我搜索了谷歌并且没有在谷歌API中找到答案，事件。

Answer 1

我尝试使用iframe执行您需要的请求，以显示纬度，经度和缩放所需的结果：

<iframe 
  width="300" 
  height="170" 
  frameborder="0" 
  scrolling="no" 
  marginheight="0" 
  marginwidth="0" 
  src="https://maps.google.com/maps?q='+YOUR_LAT+','+YOUR_LON+'&hl=es;z=14&amp;output=embed"
 >
 </iframe>
 <br />
 <small>
   <a 
    href="https://maps.google.com/maps?q='+data.lat+','+data.lon+'&hl=es;z=14&amp;output=embed" 
    style="color:#0000FF;text-align:left" 
    target="_blank"
   >
     See map bigger
   </a>
 </small>

Answer 2

请参阅有关如何使用纬度/经度here进行搜索的文档。

对于指定位置：+ 38°34'24.00“， - 109°32'57.00

https://maps.google.com/maps?q=%2B38%C2%B0+34'+24.00%22,+-109%C2%B0+32'+57.00&ie=UTF-8

请注意，加号（％2B）和度数符号（％C2％B0）需要正确编码。

Answer 3

使用查看模式会返回没有标记或方向的地图。

下面的示例使用可选的maptype参数显示地图的卫星视图。

https://www.google.com/maps/embed/v1/view
  ?key=YOUR_API_KEY
  &center=-33.8569,151.2152
  &zoom=18
  &maptype=satellite

Answer 4

以上答案均不适合我，但我可以将其用于以下用途：

src="'https://maps.google.com/maps?q=' + lat + ',' + long + '&t=&z=15&ie=UTF8&iwloc=&output=embed'"

Answer 5

建议的答案在2014年后不再有效。现在，您必须使用Google Maps Embed API加载到iframe中。

这里是问题the link。

如果您像我一样使用Angular，则由于XSS安全问题，您将无法在iframe中加载Google地图。为此，您需要使用管道从角度清理URL。

这里是the link。

所有建议都经过测试，并且到今天为止100％有效。

Answer 6

将其保存在iframe中，动态绑定来自对象的数据。

＆＃34; https://www.google.com/maps/embed/v1/place?key=[APIKEY]%20&q=＆＃34; + content..Latitude +＆＃39;，＆＃39; + content.Longitude;

经度和纬度的参考。
https://developers.google.com/maps/documentation/embed/guide

注意：[APIKEY]将在60天后过期并重新生成密钥。

google-maps google-maps-embed

Answer 7

  <iframe src="https://maps.google.com/maps?q='+YOUR_LAT+','+YOUR_LON+'&hl=en&z=14&amp;output=embed" width="100%" height="400" frameborder="0" style="border:0" allowfullscreen></iframe>

将您的替换纬度，经度值分别放在YOUR_LAT，YOUR_LON上。 hl参数用于在地图上设置语言，z用于zoomlevel;