గూగుల్ మ్యాప్ ఇవెంట్స్

单击标记进行缩放

我们仍然使用上一页的地图：以英国伦敦为中心的地图。

现在，我们希望在用户单击标记时进行缩放（我们将一个事件处理程序附加到标记上，以便在单击时缩放地图）。

这是添加的代码：

ప్రతిరూపం

// 单击标记时缩放至 9
google.maps.event.addListener(marker,'click',function() {
  map.setZoom(9);
  map.setCenter(marker.getPosition());
});

我们使用 addListener() 事件处理程序来注册事件通知。该方法接受的参数是：

• 一个对象
• 一个要侦听的事件
• 一个在指定事件发生时调用的函数

మార్కర్ తిరిగి స్లైడ్ చేస్తాము

ఇక్కడ మేము జూమ్ మార్పును సేవ్ చేస్తాము మరియు 3 సెకన్ల తర్వాత మ్యాప్ ను స్లైడ్ చేస్తాము:

ప్రతిరూపం

google.maps.event.addListener(marker,'click',function() {
  var pos = map.getZoom();
  map.setZoom(9);
  map.setCenter(marker.getPosition());
  window.setTimeout(function() {map.setZoom(pos);},3000);
});

మార్కర్ క్లిక్ చేసినప్పుడు సమాచార పండు తెరుస్తారు

మార్కర్ క్లిక్ చేసినప్పుడు పదబంధం కలిగిన సమాచార పండు చూపిస్తారు:

ప్రతిరూపం

var infowindow = new google.maps.InfoWindow({
  content:"హెల్లో వరల్డ్!"
});
google.maps.event.addListener(marker, 'click', function() {
  infowindow.open(map,marker);
});

మార్కర్స్ సెట్ చేసి ప్రతి మార్కర్ని సమాచార పండు తెరుస్తారు

వినియోగదారుని మ్యాప్ క్లిక్ చేసినప్పుడు ఫంక్షన్ నడుస్తుంది.

placeMarker() ఫంక్షన్ వినియోగదారుని క్లిక్ చేసిన స్థానంలో ఒక మార్కర్ ప్లేస్ చేస్తుంది మరియు అది మార్కర్ యొక్క అక్షాంశం మరియు రేఖాంశాన్ని కలిగించిన సమాచార పండు చూపిస్తుంది:

ప్రతిరూపం

google.maps.event.addListener(map, 'click', function(event) {
  placeMarker(map, event.latLng);
});
function placeMarker(map, location) {
  var marker = new google.maps.Marker({
    position: location,
    map: map
  });
  var infowindow = new google.maps.InfoWindow({
    content: 'లాటిట్యూడ్: ' + location.lat() +
    '<br>లాంగ్లిట్యూడ్: ' + location.lng()
  });
  infowindow.open(map,marker);
}