Как отобразить элементы управления Google Map при наведении курсора мыши?

Question

Как бы я смог отобразить стандартные элементы управления Google Map, когда пользователь наводит указатель мыши на карту? Я хотел бы, чтобы в противном случае элементы управления были скрыты.

Answer 1

Для этого вам не нужен jQuery, вы можете сделать это с помощью 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
  });
});