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

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

@vignesh 仅当您使用 js 变量时才需要单引号

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

Answer 3

以上答案都不起作用，但这会。

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

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) 需要正确编码。

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 天后过期并重新生成密钥。

谷歌地图 谷歌地图嵌入

Answer 6

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

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

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

Answer 7

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

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

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

这是执行此操作的链接。

所有建议都经过测试，截至今天 100% 有效。

Answer 8

截至 2024 年 9 月 11 日， 我刚刚替换了 & 而不是 ;就在输出=嵌入到接受的答案之前，它对我有用。

<iframe src = "https://maps.google.com/maps?q=-7.0243959,110.4311305&hl=en&z=14&amp&output=embed"></iframe>

注意：hl 代表语言环境，z 代表控制缩放。

Answer 9

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