如何在鼠标悬停时显示Google地图控件（悬停）？

Question

当用户将鼠标悬停在地图上时，如何显示标准的Google地图控件？我希望控件可以隐藏。

Answer 1

你不需要jQuery，你可以使用Maps API。

 function initialize() {
    var myOptions = {
      zoom: 4,
      center: new google.maps.LatLng(-33, 151),
      disableDefaultUI:true,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(document.getElementById("map_canvas"),
                                  myOptions);
    google.maps.event.addListener(map, 'mouseover', function() {
    map.setOptions({
      disableDefaultUI:false
});
  });
  }

Answer 2

您可以使用普通的javascript addEventListener使其正常工作。当您将鼠标悬停在地图上时，google.maps.event.addListener方法将触发鼠标移出。

document.getElementById("map_canvas").addEventListener('mouseover', function() {
  map.setOptions({
    disableDefaultUI:true
  });
});
document.getElementById("map_canvas").addEventListener('mouseout', function() {
  map.setOptions({
    disableDefaultUI:false
  });
});