0

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

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

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

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

4

2 回答 2

1

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

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

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

于 2013-08-20T17:18:42.637 回答
0

看看谷歌地图的静态图片

https://developers.google.com/maps/documentation/staticmaps/

于 2013-08-20T15:57:15.937 回答