javascript - Google マップで panTo をオフセットする方法

Question

panTo 関数をオフセットするにはどうすればよいですか? マーカーがクリックされたときにパンしたいのですが、マーカーを画面の中央に配置しません。

画面の幅と高さの目的の % だけ (x と y の両方) をオフセットしたいと思います。

google.maps.event.addListener(marker, 'click', function() {
   map.panTo(loc);
});

ありがとう

Answer 1

An easier approach than the calculation suggested in the comments could be to:

1. use panTo to center the map at the given position
2. use panBy to apply the desired offset

The dimensions of a element may be retrieved via offsetWidth/offsetHeight

Sample:

google.maps.event.addListener(marker, 'click', function() {
  var map = this.getMap(),
      div = map.getDiv();
  map.panTo(this.getPosition());
  map.panBy(div.offsetWidth/4, div.offsetHeight/4);
});