Javascript 在html文档中,当用户悬停在静态图像上时如何显示google地图

Javascript 在html文档中,当用户悬停在静态图像上时如何显示google地图,javascript,jquery,google-maps,onhover,Javascript,Jquery,Google Maps,Onhover,我想知道当用户点击图像时,如何在灯箱中显示谷歌地图例如:- <img src="map_icon.png" alt="hover over image to show corresponding map" onclick="run_map_function();" /> 我真的很想知道怎么做。任何帮助都将不胜感激!谢谢。我不确定是否可以使用lightbox插件,但请尝试使用JqueryUi对话框,它很容易使用,可以在几秒钟内设置 看看我的小提琴 地图需要交互吗?如果不是,您应


我想知道当用户点击图像时,如何在灯箱中显示谷歌地图

例如:-

<img src="map_icon.png" alt="hover over image to show corresponding map" onclick="run_map_function();" />




我真的很想知道怎么做。任何帮助都将不胜感激!谢谢。

我不确定是否可以使用lightbox插件,但请尝试使用JqueryUi对话框,它很容易使用,可以在几秒钟内设置 看看我的小提琴
地图需要交互吗?如果不是,您应该了解如何使用静态映射api:

基本上,您可以使用静态地图api生成要查看的位置的图像,如下所示:


如果您需要交互式地图,那么我建议使用iFrame(这意味着为地图创建一个单独的页面)。您应该能够轻松地从灯箱中显示iframe。

感谢您的努力!这正是我想要的。