如何在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>