php - ナイロモーダルでグーグルマップAPIv3を使用する方法

Question

ナイロモーダルボックスにgooglemapsapi v3を歌う地図を埋め込もうとしていますが、うまくいきません。

モーダルなしでコードをテストしましたが、動作しますが、ナイロモーダルでコードを開こうとすると何も表示されません。

どうすればいいですか？

Answer 1

私はそれを行う方法を理解しました！

1-次のように「rel="forceload"」と「rev="shown"」を使用してインデックスページにgoogleの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>