获取带有经纬度的谷歌地图链接

Question

我想获取一个谷歌地图链接，该链接能够在标记处显示经纬度、标题和内容。

所需参数为：标题、内容、纬度、经度。结果是一个类似于这样的链接： https://maps.google.com/?ie=UTF8&ll=xxx,xxx&title=xxx&content=xxx 我在谷歌和谷歌API中搜索了，但没有找到答案。

- jziwenchen

---

你想要链接还是HTML代码？ - r.vengadesh

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>

- mram888

---

谢谢您的帮助，但这是什么意思？hl=es;z=14 - user5113770

@aynaz，“es”是西班牙语，而“z”则代表将在地图上进行缩放。 - mram888

链接看起来像这样： https://www.google.com/maps/embed/v1/place?key=YOURKEY&q=LAT,LON但是搜索附加标记设置，如&title=Cool Place，它不会显示标题。所以它不应该被接受。仍在寻找。 - HitEmUp

这个答案有一个打字错误。应该是&z=14而不是;z=14。 - FuzzyTree

我不知道对于你们所有人来说它是如何工作的，但即使使用上述解决方案，我仍然会遇到错误。我刚刚发现，在output=embed之前需要使用&而不是;。因此，一个示例src将是：https://www.google.com/maps?q=52.527995,13.302482&hl=es;z%3D14&amp&output=embed。 - em_code

Answer 2

@vignesh 如果您正在使用JavaScript变量，则只需要使用单引号。

<iframe src = "https://maps.google.com/maps?q=10.305385,77.923029&hl=es;z=14&amp;output=embed"></iframe>

- gmlv

Answer 3

以上答案均不可行，但这个可以。

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

- Cutedu

Answer 4

请点击此处查看有关如何使用纬度/经度进行搜索的文档。

对于指定位置：+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）需要进行正确编码。

- XiaoChuan Yu

Answer 5

将其放在iframe中，从对象动态绑定数据。

"https://www.google.com/maps/embed/v1/place?key=[APIKEY]%20&q=" + content..Latitude + ',' + content.Longitude;

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

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

谷歌地图 谷歌地图嵌入

- GirishBabuC

Answer 6

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

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

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

- Marcelo Austria

Answer 7

2014年后，建议的解决方法已经不再适用。现在您需要使用Google Maps Embed API来加载到iframe中。

这是问题和解决方案的链接。

如果像我一样使用Angular，由于XSS安全问题，您将无法在iframe中加载Google地图。为此，您需要使用Angular的Pipe对URL进行清理。

这是如何进行清理的链接。

所有的建议都经过测试，并且截至今天都可以百分之百正常工作。

- Anuran Barman

Answer 8

  <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用于缩放级别；

- chippy