Google Map Ajax加载

Question

我在Google地图上获得了“乐趣”，并且需要一些帮助。 基本上，我有一小段HTML / Javascript，可以使用Ajax将其加载到标准HTML页面或div中。 我目前正在尝试做的就是让地图出现。 当页面作为HTML的一部分加载时，可以正常显示，唱歌，跳舞和偶尔吹奏长笛。 但是，当它通过Ajax加载时，它不会出现，但是Google编写的JavaScript会出现。

我想我缺少负载或就绪触发器。 但找不到我想念的东西。 我的搜索-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;

希望能解决您的问题。