php - 如何在 nyromodal 中使用谷歌地图 api v3

Question

我试图在我的 nyromodal 框中嵌入地图 sing google maps api v3，但它没有发生。

我已经测试了没有模态的代码，它可以工作，但是当我尝试在 nyromodal 上打开它时，什么也没有出现。

我该怎么做？

Answer 1

我刚刚想出了怎么做！

1 - 在索引页面中插入 google 的 js 代码，使用 'rel="forceload"' 和 'rev="shown"'，如下所示：

<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>