如何在nyromodal中使用谷歌地圖api v3

Question

我試圖嵌入地圖在我的nyromodal盒子中搜索google maps api v3，但它沒有發生。

我測試了代碼沒有模式，它的作品，但是當我試圖打開它nyromodal什麼都沒有出現。

我該怎麼辦？

Answer 1

我只是想出瞭如何做到這一點！

1 - 以 '相對= 「的forceload」' 和 '轉= 「顯示」' 插入了谷歌的JS代碼在你的索引頁，如下所示：

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=false" rel="forceload" rev="shown"></script>

2 - 你插入在模態頁面內生成映射的代碼如下：

<script> 
    $(document).ready({ 
     var mylatlng = new google.maps.LatLng(latitude, longitude); 
     var mapProp = { 
      center: mylatlng, 
      zoom: 15, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var map = new google.maps.Map(document.getElementById("briefmap"), mapProp); 
     var marker = new google.maps.Marker({ 
      position: mylatlng 
     }); 
    }); 
</script>