javascript - 谷歌地图 API google.maps.event 未定义

Question

我正在尝试使用 Google Maps API 获取用户提供的位置。为此，我设置了一个根据“点击”事件移动的标记。代码如下:

function initialize_google_map(div_id) {
    var map = new GMap2(document.getElementById(div_id));

    map.setCenter(new GLatLng(45, -105), 2);

    map.setUIToDefault();

    return map;
}

$(document).ready(function() {
    // configure the google maps api
    var map = initialize_google_map("map_canvas");
    var marker = google.maps.Marker({map: map, title:"Location"});
    google.maps.event.addListener(map, "click", function(evt) {
        alert("got click event");
        marker.setPosition(evt.latLng);
    });

    $(document).unload(function() {
    // unload the google map
    GUnload();
    }); 

});

“获得点击事件”警报永远不会触发，我的 Javascript 控制台 (Google Chrome) 是这样说的:

Uncaught TypeError: Cannot call method 'addListener' of undefined

API 是这样包含的:

<script src="http://maps.google.com/maps?file=api&v=3&sensor=true" type="text/javascript"></script>

Answer 1

这里的问题是你在混合 Google Maps version two带有 Version 3 的对象.在您的 initialize_google_map 函数中，您正在创建并返回一个 GMap2对象(版本 2 对象)。然后将此对象传递给 google.maps.Marker对象构造函数(版本 3 对象)。

你只需要修改你的 initialize_google_map 函数来实例化一个 google.maps.Map对象。