google-maps - 谷歌地图在 FancyBox(灯箱)内不起作用-6ren

google-maps - 谷歌地图在 FancyBox(灯箱)内不起作用

转载作者：行者123 更新时间：2023-12-02 20:35:37

如何在 Fancybox 中加载 Google map 灯箱？不在灯箱中时， map 加载良好。我只是在他们的网站上使用标准的谷歌地图代码:

 <html>
 <body>
   <div id="map_canvas" style="width:100px; height:100px;"></div>
 </body>

 <script type="text/javascript">
  function initialize() {
     var myLatlng = new google.maps.LatLng(-36.8804280598958,
 174.811848958333);
     var myOptions = {
         zoom: 13,
         center: myLatlng,
         mapTypeId: google.maps.MapTypeId.ROADMAP,
         panControl: false,
         zoomControl: false,
         scaleControl: true,
         mapTypeControl: false,
         scaleControl: false
     }
     var map = new
 google.maps.Map(document.getElementById("map_canvas"), myOptions); }

 function loadScript() {
     var script = document.createElement("script");
     script.type = "text/javascript";
     script.src =
 "http://maps.google.com/maps/api/js?sensor=false&callback=initialize";
     document.body.appendChild(script); }

 window.onload = loadScript;
 </script>
 </html>