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