9

次のコードを使用してスクリプトでGoogleマップを作成しています-

var mapElement,
    parent,
    mapOptions,
    map,
    marker,
    latLong,
    openMarker;

parent = document.getElementsByClassName('parent')[0];
mapElement = document.createElement('div');
latLong = new google.maps.LatLng(some_lat_from_db, some_long_from_db);

mapOptions = {
    center: latLong,
    zoom: 14,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};

map = new google.maps.Map(mapElement, mapOptions);
marker = new google.maps.Marker({
    position: latLong,
    map: map,
    title: 'some title'
});

openMarker = function () {
    var infowindow = new google.maps.InfoWindow();
    infowindow.setContent('Some Content');
    infowindow.open(map, marker);
};

google.maps.event.addListener(marker, 'click', openMarker);
parent.appendChild(mapElement);
openMarker();

このコードを使用すると、デフォルトで開く情報ウィンドウがマップ ビューポートの外に出て表示されなくなります。最初に情報ウィンドウのサイズを小さくしようとしましたが、うまくいきませんでした。そこで、情報ウィンドウがビューポートに残るように、マップの中心を少し移動することを考えました。

では、情報ウィンドウがビューポートに残るように、中心を数ピクセル移動するにはどうすればよいでしょうか?

4

2 に答える 2

32

.setCenter()マップの中心を移動するために使用できます

map.setCenter(marker.getPosition());

アップデート

LatLngwith .fromLatLngToDivPixel（）をPointオフセットの追加に変換し、それをLatLngwith .fromDivPixelToLatLng （）に変換し直します。

于 2013-01-13T17:11:06.297 に答える