谷歌地图 Ajax 加载

Question

我在谷歌地图上玩得很开心，并得到了一些帮助。基本上，我有一小块 HTML/Javascript 可以加载到标准 HTML 页面或使用 Ajax 加载到 div 中。我目前要做的就是让地图出现。当页面作为 HTML 的一部分加载时，它会出现、出现、唱歌、跳舞，偶尔还会吹奏长笛。但是，当它通过 Ajax 加载时它不会出现，但 javascript 谷歌写的会出现。

我想我错过了加载或就绪触发器。但无法找出我错过了什么。我的 search-foo 很弱。这是代码，如您所见，并不复杂。谷歌地图包括已被遗漏，但没有报告错误或警告，正如我所说，它可以作为 HTML 页面正常工作。

<div id="map_canvas_<?= $userContact->getId() ?>" style="margin: 10px auto; width: 90%; height: 300px;"></div>
<script type="text/javascript">

    var mapInstance = null;

    var startLatitude = 53.975044;
    var startLongitude = -2.153320;
    var startZoomLevel = 5;

// create the new instance.
    mapInstance = new GMap2($('map_canvas_<?= $userContact->getId() ?>'));

    // center the map on the UK
    mapInstance.setCenter(new GLatLng(startLatitude, startLongitude), startZoomLevel);

</script>

凯恩。

Answer 1

您是否尝试过将 AJAX 调用的结果传递给 javascript 的 eval() 方法？这将执行您从其他页面加载的任何 javascript 代码。

如果您只是使用 AJAX 加载 js 并将其添加到 div，则代码不会自动执行。

Answer 2

我认为您需要在 window.onload 函数中创建您的 GMap2 实例等。例如：

// ..other code stays the same
function initMap() {
    if (GBrowserIsCompatible()) { 
        mapInstance = new GMap2(..);
        mapInstance.setCenter(..);
    }
}
window.onload = initMap;

希望能解决您的问题。