Question

我正在动态地将内容加载到页面中，其中一个页面有一个谷歌地图点。除了地图点没有显示外，一切正常。映射api是异步加载的，所以如果我理解它是正确的，它应该工作。

取自官方谷歌文档的示例

<script>
function initialize() {
    var mapOptions = {
        zoom: 8,
        center: new google.maps.LatLng(-34.397, 150.644),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(document.getElementById('map-canvas'),
        mapOptions);
}

function loadScript() {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' +
        'callback=initialize';
    document.body.appendChild(script);
}
</script>

<div class="joomsport-event-location">
    <div class="map" id="map-canvas" style="height: 50%"></div>
    <script>
        loadScript();
        alert('loading'); // test if it's called
    </script>
</div>

这是使用jQuery加载到另一个页面的源代码。一旦加载，我得到预期的警报。我错过了什么吗？或者甚至不可能我想做什么？

通过ajax加载动态内容不会加载gmap

0 个答案: