我在网站上的每个个人资料中嵌入了 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&q=177%20Huntington%20Ave.,Boston%20MA"></iframe>
这是我的 API 查询字符串:
https://www.google.com/maps/embed/v1/place?key=AIzaSyAdGoEM5aW51rD_cyVwSBVrtAPZsEZruuQ&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¢er=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/