2013-01-13 10 views
5

tworzę mapy google w skrypcie z następującego kodu -Jak przenieść pozycję środkową mapie 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(); 

Używając tego kodu spowoduje infowindow że otwiera się domyślnie wykracza poza mapie rzutni , więc nie jest widoczny. Najpierw próbowałem zmniejszyć rozmiar okna informacyjnego, ale to się nie udało. Pomyślałem więc o przesunięciu środka mapy, aby okno informacyjne pozostało w oknie roboczym.

Jak zatem przesunąć środek o jakieś piksele, aby okno informacyjne pozostało w oknie roboczym?

+0

Nie można tego zrobić przez pikseli, ale można ustawić Center Mapa stosując 'szerokości i longitude' . Możesz to zrobić, na przykład, ustawiając nowe centrum za pomocą szerokości i długości geograficznej klikniętego znacznika. – bumerang

+0

Dlaczego po prostu nie przesunąć nieco znacznika (również przesunąć znacznik mapy)? –

+0

[Spójrz na to] (http://jsbin.com/icamar), nie wiesz, czy to pomaga. –

Odpowiedz

18

Można użyć .setCenter() aby przesunąć środek mapie

map.setCenter(marker.getPosition()); 

Aktualizacja

Konwersja LatLng z .fromLatLngToDivPixel() w Point dodać offset i przekształcić ją z powrotem do LatLng z .fromDivPixelToLatLng()

+0

Dzięki za link. Chcę jednak przesunąć środek o kilka pikseli od miejsca, w którym znajduje się znacznik. Jak wspomniałem powyżej w moim pytaniu, głównym problemem jest przesunięcie okna informacji w widocznym obszarze, więc wyśrodkowanie w pozycji znacznika nie pomoże. –

+0

Zaktualizowałem moją odpowiedź – Andreas

+0

Używam skrzypiec [this] (http://jsfiddle.net/fqt7L/9/), aby przekonwertować obiekt latlong do punktu. Jednak otrzymuję 'undefined' w - overlay.getProjection(). Czy możesz mi powiedzieć, jak mogę uzyskać obiekt projekcji? –

1

zapomnij o tych wszystkich bzdurach, to działa, jeśli chcesz aby ponownie użyć znacznika mapy google lub przesunąć znacznik mapy google lub wyrejestrować znacznik mapy google.

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

jeśli chcesz zniszczyć Mapy Google lub usunąć znacznik Google Maps Marker

marker.setMap(null); 
Powiązane problemy