Google Maps API v3 - 在保持点击位置或标记的位置的同时放大

Question

我想在单击它时放大标记而不改变其相对于当前地图视图边界的位置。

Zoomed Out Image

Zoomed In Image with marker location relative to border unchanged

有谁知道这怎么可行？以下内容不会保留标记位置。

result =  [

    { A: '0', b1: '0' },
    { B: '1', b2: '1' },
    { C: '2', b3: '2' }
];

Answer 1

尝试Simple Click listener中的此示例。 它在保持标记位置的同时进行缩放。只需填写您的纬度和长值。

function initMap() {
  var myLatlng = {lat: -25.363, lng: 131.044};

  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: myLatlng
  });

  var marker = new google.maps.Marker({
    position: myLatlng,
    map: map,
    title: 'Click to zoom'
  });

  map.addListener('center_changed', function() {
    // 3 seconds after the center of the map has changed, pan back to the
    // marker.
    window.setTimeout(function() {
      map.panTo(marker.getPosition());
    }, 3000);
  });

  marker.addListener('click', function() {
    map.setZoom(8);
    map.setCenter(marker.getPosition());
  });
}