google-maps - 未找到 Google map 嵌入 API 地址

标签 google-maps google-maps-api-3 google-maps-embed

我在网站上的每个个人资料中嵌入了 map 。除了下面那个之外,它们似乎都工作正常。我不知道为什么,但是本地图 API 加载时,它会缩小到您可以看到整个世界的程度。这是我的带有查询字符串的 iframe 代码:

<iframe width="250" height="250" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyAdGoEM5aW51rD_cyVwSBVrtAPZsEZruuQ&amp;q=177%20Huntington%20Ave.,Boston%20MA"></iframe>

这是我的 API 查询字符串:

https://www.google.com/maps/embed/v1/place?key=AIzaSyAdGoEM5aW51rD_cyVwSBVrtAPZsEZruuQ&amp;q=177%20Huntington%20Ave.,Boston%20MA

现在,如果我将 q=? 之后的所有内容复制到常规 Google map 站点(请参阅下面的新查询字符串),它会按预期提取正确的位置。控制台中没有任何错误。

https://www.google.com/maps/place/177%20Huntington%20Ave.,Boston%20MA

我尝试使用下面的街道名称和建筑物号码组合来调整地址:

  • 亨廷顿大道 177 号
  • 亨廷顿大道 177 号
  • 亨廷顿大道 177 号

我还尝试使用以下组合来调整城市/州:

  • 地址,马萨诸塞州波士顿
  • 地址马萨诸塞州波士顿
  • 地址,马萨诸塞州波士顿
  • 地址 马萨诸塞州波士顿

不知道我还能尝试什么来解决这个问题。

最佳答案

我认为这是一个错误。我created a bug在 gmaps-api-issues 中。

同时,作为解决方法,您可以:

1) 使用中心和缩放级别来确保即使嵌入 API 失败,您的用户仍然可以看到该区域的 map 。

<iframe width="600" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?q=177+Huntington+Avenue,+Boston,+MA,+United+States&center=42.3448913,-71.0829315&zoom=18&key=AIzaSyAdGoEM5aW51rD_cyVwSBVrtAPZsEZruuQ" allowfullscr

2) 您可以使用 maps.google.com共享或嵌入 map 功能生成的以下代码:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2948.8889324642187!2d-71.0829315!3d42.3448913!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89e37a1052d49695%3A0xbdfe31a3b545364a!2s177+Huntington+Ave%2C+Boston%2C+MA+02115!5e0!3m2!1sen!2sus!4v1437088598386" width="250" height="250" frameborder="0" style="border:0" allowfullscreen></iframe>

关于google-maps - 未找到 Google map 嵌入 API 地址,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31462692/

相关文章:

zooming - Google Maps Embed API 的方向 - 缩放以适合起点和目的地

javascript - 嵌入了动态驱动器选项卡的谷歌地图(不是 jquery-ui 选项卡)

ios - Google Maps AutocompleteResultsViewController 在 iOS 10 中崩溃

javascript - Google 标记动画更改

google-maps - 自定义谷歌地图 landscape.man_made 颜色并保持阴影?

javascript - 计算距离并在谷歌地图上显示带有航点的路线

javascript - setTimeout 在循环中检查边界变化

javascript - 如何将函数变成 Angular 范围函数

java - Android Google Map V3 PolyLine无法绘制

twitter-bootstrap-3 - 谷歌地图 iframe 无法正确显示 Bootstrap 折叠面板折叠