谷歌地图在点击javascript v3上添加标记

时间:2014-07-01 10:29:59

标签: javascript google-maps google-maps-api-3

这是我的代码

function initialize() {
        var mapOptions = {
            center: new google.maps.LatLng(-34.397, 150.644),
            zoom: 8
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),
            mapOptions);
        //map.on('click', function(){});
        google.maps.event.addListener(map, 'click', function(event) {

            var marker = new google.maps.Marker({
                position: event.latlng,
                map: map
            });
            map.setCenter(event.latlng);
        });

    }
    google.maps.event.addDomListener(window, 'load', initialize);

当我点击地图时没有任何反应。所以,我试着像这样改变:

google.maps.event.addListener(map, 'click', function(event) {
    alter("here");
                var marker = new google.maps.Marker({
                    position: event.latlng,
                    map: map
                });
                map.setCenter(event.latlng);
            });

改变了。所以该功能正在执行但标记没有被添加,你能帮忙吗?非常感谢

修改

我试着这样做:

 alert(event.latlng);

我得到了未定义的

1 个答案:

答案 0 :(得分:2)

我认为您使用的是不正确的变量。它应该是event.latLng而不是event.latlng。请注意变量名中的大写L

演示:http://jsfiddle.net/lotusgodkk/x8dSP/3578/

position: event.latLng,