google maps v3 api - 选择位置并标记它

时间:2013-12-14 10:38:27

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

目前,我可以制作地图以显示其中心的选定位置,但我无法标记它,就像在其上显示红色灯泡一样。

我正在使用提供标记的点击事件监听器

然后:

options = {'zoom': 8, center: marker.latLng}
map.setOptions(options)

这是将所选(点击)位置设置为地图中心,但不显示任何灯泡。

1 个答案:

答案 0 :(得分:2)

您可以使用此代码:

options = {'zoom': 8, center: marker.latLng}
map.setOptions(options);

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

但最好的方法是Google API提供的方法:

var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var mapOptions = {
    zoom: 4,
    center: myLatlng
}
var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

// To add the marker to the map, use the 'map' property
var marker = new google.maps.Marker({
    position: myLatlng,
    map: map,
    title:"Hello World!"
});