Question

我在我网站上的每个个人资料中都嵌入了地图。它们似乎都工作得很好，除了下面的那个。我不确定为什么，但是当地图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 Huntington Ave。
177 Huntington Ave
177 Huntington Avenue

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

address，马萨诸塞州波士顿
address马萨诸塞州波士顿
address，马萨诸塞州波士顿
address马萨诸塞州波士顿

不确定我还能尝试解决此问题。

Answer 1

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

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

1）使用中心和缩放级别确保即使嵌入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的{{1}}函数生成的以下代码：

Share or embed map

未找到Google地图嵌入API地址

1 个答案: