Zoom Change Event Listener với google maps api


10

Tôi đang cố gắng tạo một trình lắng nghe sự kiện tắt một lớp tổng hợp google sau khi bản đồ được phóng to đến một mức nhất định. Tôi khá mới với javascript và api google maps của nó, vì vậy mọi sự trợ giúp đều được đánh giá cao. Tôi tìm thấy một số mã có vẻ gần với những gì tôi cần:

google.maps.event.addDomListener(map, 'zoom_changed', function() {
  var zoom = map.getZoom();
  if (zoom >= 1 && zoom <= 9) { 
    layer_0.setMap(map);
    layer_1.setMap(map);
  } 
  else if (zoom > 9 && zoom <= 11) {
    layer_0.setMap(map);
    layer_1.setMap(map);
  }
  else if (zoom > 11) {
    layer_0.setMap(null);
    layer_1.setMap(map);
  }
});

Vui lòng xem trang web này: developers.google.com/maps/documentation/javascript/examples/ ( Joseph Joseph Shi
Joseph Shi

Bạn có thể viết một đoạn trích ngắn, trong trường hợp nội dung bị xóa sau này?
lynxlynxlynx

Câu trả lời:


12

Đây là một số mã tôi đang sử dụng thành công để chuyển đổi lớp Fusion Table trong một trong các bản đồ của mình:

google.maps.event.addListener(map, 'zoom_changed', function() {
    zoomLevel = map.getZoom();
    if (zoomLevel >= minFTZoomLevel) {
        FTlayer.setMap(map);
    } else {
        FTlayer.setMap(null);
    }
});

nó trông gần giống với mã của bạn, ngoài addListener so với addDomListener. Bạn có thể thử thêm một điểm dừng bên trong chức năng của mình để đảm bảo rằng nó thực sự đang chạy không?


Cảm ơn bạn đã giúp đỡ. Tôi chắc chắn là người mới khi đến với Google Maps và Javascript, vì vậy tôi vẫn đang làm việc với nó.
b-rad-b
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.