javascript - Google map Iframe 中隐藏的 缩放和居中问题

Question

我正在使用这个谷歌地图 iframe 切换代码:http://jsfiddle.net/cancerian73/T7jLf/20/但是这个例子是有效的，因为 map iframe 有很多参数。我正在使用不能具有相同参数的自定义 Google 我的 map ...当我的 iframe 打开时，我的标记位于左上角， map 未缩放到我可以看到整个大陆的地步。我怎样才能使它工作？

• 我尝试将我的 map 放在单独的 HTML 文件中并从我隐藏的 div Iframe 中调用此位置，我认为如果将 map 加载到其他 HTML 文件中它会起作用，但同样的问题...
• 我尝试删除 display:none 并将 div 大小设置为 1px x 1px，但它完全弄乱了 div 切换和周围的内容...

顺便说一句，因为我为我使用 Google Map Iframe API 解决方案不适用:

google.maps.event.trigger(map, 'resize')

我还有一个想法，但不知道行不行，也不知道怎么做。是否可以在 display:none CSS 上放置某种延迟加载，以便 map 以全尺寸加载并在 1 或 2 秒后隐藏？如果可以请帮忙

Answer 1

显示这种 map 的最简单方法是在单击显示框架的元素时调用 javascrip 函数生成 map 。

我经常不得不使用隐藏的 map ，我发现要毫无问题地查看它们，最简单的方法是调用连接到演示事件(例如按钮或选项卡)的 map 显示功能

在 HTML 中

<div class = "myclass" onclick = "show_my_map()">

在 JavaScript 中

<script>

show_my_map function() {

   mapOptions var = {
     Level: 17,
     center: new google.maps.LatLng (41.650299490787712, 12.536399034779)
     mapTypeId: google.maps.MapTypeId.SATELLITE
   };



   map = new google.maps.Map (document.getElementById ('map-canvas'),
      mapOptions);

}
</script>