37

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

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

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

4

8 回答 8

119

我尝试使用 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>
于 2013-06-25T07:31:36.210 回答
15

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

<iframe src = "https://maps.google.com/maps?q=10.305385,77.923029&hl=es;z=14&amp;output=embed"></iframe>
于 2015-09-09T20:50:35.937 回答
5

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

<iframe src="'https://maps.google.com/maps?q=' + lat + ',' + lng + '&t=&z=15&ie=UTF8&iwloc=&output=embed'" />
于 2019-12-04T09:42:40.850 回答
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) 需要正确编码。

于 2013-06-25T06:25:02.890 回答
1

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

于 2016-09-20T11:31:38.153 回答
1

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

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

https://www.google.com/maps/embed/v1/view
  ?key=YOUR_API_KEY
  &center=-33.8569,151.2152
  &zoom=18
  &maptype=satellite
于 2018-08-22T02:58:08.013 回答
0

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

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

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

这是执行此操作的链接。

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

于 2020-10-27T05:38:10.833 回答
-1 
  <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 用于缩放级别；

于 2018-01-05T09:10:39.727 回答