问题标签 [google-maps-embed]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
581 浏览

google-maps - Google Embed API 显示地址列表

我想使用 Google 嵌入 API。我有一个要使用 Google Embed API 显示的地址列表。

这可能吗?有没有办法让我将整个列表传递给 Google Embed APi,以便它们都显示在地图上?

0 投票
0 回答
389 浏览

google-maps-embed - Google Maps Embed API - 方向模式 - 具有多个航点的优化路线

您是否知道是否有一种方法可以使用具有“方向”模式的 Google Maps Embed API 来获取具有多个航点但经过优化的起点/目的地之间的路线?

我知道 Directions API 可用于通过在 URL 中指定 optimize=true 参数来检索具有优化方向的 JSON 或 XML,并且我想对 Embed API 方向模式执行相同操作。

谢谢!

0 投票
0 回答
1522 浏览

google-maps - 需要在启动时打开 Google“我的地图”图例

我有一个谷歌“我的地图”列表,它严重依赖分层图例显示来导航我正在显示的 5 个图层。我希望在加载 iframe 时默认打开图例。

理想情况下,我可以在 iframe SRC url 上传递一个参数来告诉“我的地图”服务器在启动时显示图例。它应该是一个从display:none到的简单 CSS 切换display:block

这个问题早在 2015年就已在 Google 帮助论坛上提出,但现在已锁定。

有趣的是,当您单击全屏扩展图标以全尺寸查看地图时,默认情况下会显示图例。也许该 URL 上有一些可能被嗅出的线索。它重新加载地图并使用与嵌入 src 不同的 URL。

这是我网站上的地图链接以供参考。

这是启动时关闭图例时“我的地图”代码中的图例容器 html:

这是图例可见时的代码:

虽然,由于 XSS 限制,无法在 iframe 中执行 CSS,但此处仅显示图例以查看如何通过 CSSdisplay属性打开和关闭图例。

0 投票
2 回答
4785 浏览

google-maps - 谷歌地图嵌入高级 API

所以。Google 正在更改 Maps API,现在 Embed Maps 和 Embed Advanced Maps 之间存在差异。

谁能告诉我嵌入地图和高级嵌入地图之间的区别?

如果我在这里弄错了,潜在的费用是巨大的。

对于那些不知道的人,谷歌是它的一些 API,包括地图、地理编码和地点:

谢谢。

0 投票
1 回答
928 浏览

google-maps-embed - 使用 Google Maps 网站创建无钥匙嵌入式地图

我注意到,如果我按照此 google maps answer上的说明进行操作,则在将 Google Map iframe 嵌入我的网站或博客的 HTML 时,没有关于 API 密钥要求的信息。

在 6 月 11 日之后,这种使用无钥匙嵌入式地图访问的要求是什么?

0 投票
1 回答
147 浏览

google-maps - 尽管纬度/经度准确,但嵌入约 100m 谷歌地图不正确

我有一个嵌入式谷歌地图,并且正在从数据库中保存的 url 中提取经纬度。但是,生成的地图总是略微偏离,通常相差几百米。如果我检查地图,纬度/经度是正确的,但地图仍然关闭。

例如,如果我添加这个位置:https://www.google.co.uk/maps/place/China+Town+Gate/@13.7381454,100.5116292,18z/data=!4m13!1m7!3m6!1s0x30e29921f76193f7:0x5864886b1bdc3702! 2sYaowarat+Rd,+Krung+Thep+Maha+Nakhon,+Thailand!3b1!8m2!3d13.7413762!4d100.5080243!3m4!1s0x0:0xa90b006096d12511!8m2!3d13.7371669!4d100.513057

你可以在这里看到结果:http: //prntscr.com/kx17rs 或者住在这里:https ://achefstour.com/tour/bangkok-food-tour

如您所见,纬度/经度是正确的,但图标已偏离。

如果有人能解释为什么会发生这种情况,将不胜感激。

0 投票
1 回答
4115 浏览

html - 这种在没有 API 密钥的情况下动态嵌入 Google 地图的特定方法是否适用于 1000 次页面浏览量?

随着 2018 年 Google 地图定价的变化,我们无法像迄今为止那样使用它。我们正在考虑转移到另一个提供商,但也发现了一种在不提供 API 密钥的情况下嵌入地图的工作方式:

笔记:

  • 对于不同的地址,我们每天都有成千上万的页面浏览量。
  • 我们找不到这种显示 Google 记录的地图的方式。
  • 如果没有 API 密钥,其他加载地图的方法iframe似乎无法正常工作。(例外:通过在 Google 地图上单击“共享”生成的 URL 形式<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!...other params that only Google knows how to generate here...></iframe>——显然我们不能手动执行此操作。)

我们的问题:

  • 为什么 Google 放弃了这种在没有 API 密钥的情况下自由嵌入动态 Google 地图的方法?
  • 对此是否有请求限制(例如每天 100 个)?
  • 在这方面是否有一些文档?
0 投票
3 回答
10105 浏览

android - Google Maps Platform 拒绝了您的请求。'pb' 参数无效

我试图在 webview 中显示谷歌地图,但它说

Google Maps Platform 拒绝了您的请求。无效的请求。'pb' 参数无效。

但是当我在网络浏览器上渲染相同的 iframe 时,它​​工作得很好

这是我试图在 webview 中呈现的内容,这是存储在变量iframeData中的字符串

这是我将这个 iframe 渲染到 webview 中的 Android 代码

截屏

0 投票
1 回答
202 浏览

google-maps - 带有数字符号/井号/哈希标签的查询的 Google Maps Embed 调用失败

我的应用程序抛出错误:

Google Maps Platform 拒绝了您的请求。您必须使用 API 密钥来验证对 Google Maps Platform API 的每个请求。有关其他信息,请参阅http://g.co/dev/maps-no-account

我尝试使用各种查询字符串重现该错误。似乎查询失败的唯一时间是套房号或公寓号有 # 时。

这有效: https ://www.google.com/maps/embed/v1/place?q=17426%20Northwest%20Fwy,%20Jersey%20Village,%20TX%2077040,%20USA&key=

这不起作用: https ://www.google.com/maps/embed/v1/place?q=951%20Interstate%20Hwy%2030%20#105,%20Rockwall,%20TX%2075087,%20USA&key=

一个潜在的解决方案是我省略 # 标记并在获得初始地址时仅使用 Place ID。

这需要大量的代码重构,所以我真的不想这样做。

0 投票
1 回答
1959 浏览

google-maps-embed - 嵌入没有 cookie 的谷歌地图

由于欧盟 cookie 法,我正在尝试以不使用 cookie 的方式嵌入谷歌地图。
我想使用 Embed API,因为它可以显示地点信息(评分、方向按钮...)。

我知道 Maps JavaScript API 不使用 cookie,而是通过域 maps.googleapis.com 工作。
但是,Maps Embed API 使用 www.google.com,它设置了一个 NID cookie。

如果我尝试像这样替换 URL

有一个 1 秒的闪烁,它可以正确显示,但随后覆盖了“出了点问题”错误。
在控制台中,返回此错误:

有没有办法在没有 cookie 的情况下使用 Embed API?