は、私は次のコードでスクリプト内のGoogleマップを作成してい

Question

グーグルマップの中心位置を移動する方法 -

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(); 

このコードを使用して、デフォルトで開く情報ウィンドウには、マップビューポートの外に行きます、それは見えません。私はまず情報ウィンドウのサイズを縮小しようとしましたが、うまくいかなかったのです。だから私は、情報ウィンドウがビューポートに残るように地図の中心を少し動かすことを考えました。

したがって、インフォメーションウィンドウがビューポートに残るように、いくつかのピクセルで中心を移動するにはどうすればよいですか？

Answer 1

あなたはオフセット追加

map.setCenter(marker.getPosition()); 

更新が

Pointに.fromLatLngToDivPixel()でLatLngを変換するマップの中心を移動するために.setCenter()を使用してLatLngと.fromDivPixelToLatLng()

に戻し、それを変換することができます

Answer 2

あなたが望むならば、これは何のことでしょうか？ Googleマップマーカーを再利用するか、Googleマップマーカーを移動するか、Googleマップマーカーを再入力します。

var lo = <yourval>; 
var la = <yourval>; 
var midpoint = {lat:la, lng:lo }; 
marker.setPosition(midpoint); 

あなたはGoogleマップのマーカーを破壊するか、Googleマップのマーカー

marker.setMap(null);