2

我在我网站上的每个配置文件中都嵌入了地图。除了下面的之外，它们似乎都工作正常。我不知道为什么，但是当地图 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 地图站点中（请参阅下面的新查询字符串），它会按预期提取正确的位置。控制台中没有任何错误。

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

我尝试使用以下街道名称和楼号组合来调整地址：

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

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

  • address, 马萨诸塞州波士顿
  • address马萨诸塞州波士顿
  • address, 马萨诸塞州波士顿
  • address马萨诸塞州波士顿

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

4

1 回答 1

2

我认为这是一个错误。我在 gmaps-api-issues 中创建了一个错误。

同时，作为一种解决方法，您可以：

1) 使用中心和缩放级别来确保即使 Embed API 失败，您的用户仍然可以看到该区域的地图。

<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'sShare or embed 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>
于 2015-07-16T23:27:18.880 回答