我正在使用谷歌地图显示当地商店。
在设计上,整个页面的右侧有一个小地图(200x200),点击一个按钮后,它会显示一个更大的地图(800x600),完全控制(使用灯箱效果)。
我想知道是否有任何解决方案我不需要加载地图两次?由于两张地图的位置/点相同,只是大小不同。
目前我能想到的就是使用一个html/php文件来加载地图,然后在主页面使用iframe来加载那个文件。但我可以想象的问题是它如何在小地图和大地图(html容器)中居中?
我正在使用谷歌地图显示当地商店。
在设计上,整个页面的右侧有一个小地图(200x200),点击一个按钮后,它会显示一个更大的地图(800x600),完全控制(使用灯箱效果)。
我想知道是否有任何解决方案我不需要加载地图两次?由于两张地图的位置/点相同,只是大小不同。
目前我能想到的就是使用一个html/php文件来加载地图,然后在主页面使用iframe来加载那个文件。但我可以想象的问题是它如何在小地图和大地图(html容器)中居中?
地图是一个 HTML 元素,您可以将其放置在 a 内的其他位置document
(无需重新加载元素的任何内容),例如在 LightBox 中。
在将地图插入灯箱时,可以在打开灯箱和重新分配灯箱之前存储中心。
演示(使用 fancybox):http: //jsfiddle.net/doktormolle/TECM4/