Question

这张谷歌地图iframe没有显示地点。为什么呢？

<iframe src="https://www.google.com/maps/place/18%C2%B045'14.7%22N+98%C2%B059'44.0%22E/@18.7540995,98.9933669,17z/data=!3m1!4b1!4m5!3m4!1s0x0:0x0!8m2!3d18.7540944!4d98.9955556&hl=es;z=14&output=embed" frameborder="0" class="frame-p" allowfullscreen></iframe>

Answer 1

Google地图需要API密钥才能显示嵌入地图。

<iframe>
  width="600"
  height="450"
  frameborder="0" style="border:0"
  src="https://www.google.com/maps/embed/v1/place?key=YOUR_API_KEY
    &q=Space+Needle,Seattle+WA" allowfullscreen>
</iframe>

https://developers.google.com/maps/documentation/embed/guide

您还可以使用生成器创建并复制它。

https://jsfiddle.net/q10s7ysv/

Answer 2

我试图查看他的地图的位置并绘制出来。复制iframe时可能会出错

<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3777.987407558813!2d98.9933669!3d18.7540995!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMTjCsDQ1JzE0LjciTiA5OMKwNTknNDQuMCJF!5e0!3m2!1sid!2s!4v1469346687955" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

演示：https://jsfiddle.net/yz4r8jzc/

为什么谷歌地图iframe无法正常工作并显示位置？

2 个答案: