我需要拇指地图和大地图的解决方案,但没有加载谷歌地图两次

时间:2013-08-20 15:50:12

标签: jquery google-maps-api-3

我正在使用谷歌地图展示当地商店。

在设计中,整个页面右侧有一个小地图(200x200),点击一个按钮后,它会显示一个更大的地图(800x600)和完全控制(使用灯箱效果)。

我想知道是否有任何解决方案我不需要加载地图两次?由于两个地图的位置/点相同,只是尺寸不同。

目前我能想到的是使用html / php文件加载地图,然后使用iframe在主页面中加载该文件。但我能想到的问题是它如何以小地图和大地图(html容器)为中心?

2 个答案:

答案 0 :(得分:1)

地图是一个HTML元素,您可以将其放在document内的其他位置(不重新加载元素的任何内容),例如在LightBox中。

可以在灯箱打开之前存储中心,并在将地图插入灯箱时重新分配。

演示(使用fancybox):http://jsfiddle.net/doktormolle/TECM4/

答案 1 :(得分:0)