在我的网站上使用iframe里面的谷歌地图

时间:2017-12-22 17:30:23

标签: javascript html google-maps iframe google-maps-api-2

我想通过iframe在我的网站上使用谷歌地图,但我如何在我的iframe中使用此链接https://www.google.fr/maps/@ ...我的目标是直接在我的网站上访问和使用谷歌地图的所有功能。我的意思是,可以访问菜单和其他选项,例如我的屏幕截图 - >

enter image description here

2 个答案:

答案 0 :(得分:0)

有趣的问题让我搜索以确定您请求的功能是否是API的一部分。它不是,但它们确实有一个使用Javascript的解决方法,并允许您嵌入具有自动完成功能的搜索框。我个人认为这更好,因为你可以完全控制搜索表单的外观。

以下是示例代码的链接:https://developers.google.com/maps/documentation/javascript/examples/places-searchbox

编辑:刚刚看到你的评论。我想这个答案只能解决一个问题。

答案 1 :(得分:-2)

你也可以把它放在弹出窗口中。看看这段代码:

<a href="" target="popup" onclick="popupCenter('//maps.google.com/maps?q=+London, +Downingstreet 10, +England','Locatie',600,610)" title="Locatie"><img src="images/pin-google.png" height="15" alt="googlemaps" title="View our address in Google Maps" /></a>

iframecode:

<iframe src="http//maps.google.com/maps?q=+London, +Downingstreet 10, +England" height="610" width="600"></iframe>