Podręcznik referencyjny Google Maps
- Poprzednia strona Typy Maps
- Następna strona Podstawy SVG
konstruktor Map()
tworzenie mapy Google:
var map = new google.maps.Map(mapCanvas, mapOptions);
definicja i użycie
konstruktor Map() tworzy nową mapę w określonym HTML elementie (zwykle <div> element).
gramatyka
new google.maps.Map(HTMLElement,MapOptions)
wartości parametrów
Parametry | Opis |
---|---|
HTMLElement | określenie, w którym HTML elementie umieścić mapę. |
MapOptions | obiekt MapOptions przechowujący zmienne i opcje inicjalizacji mapy. |
metody Map()
metoda | zwracanie wartości | Opis |
---|---|---|
fitBounds(LatLngBounds) | None | ustawianie widoku, aby objąć podane granice. |
getBounds() | LatLng,LatLng | zwracanie południków południowo-zachodnich i północno-wschodnich oraz szerokości geograficznej i długości geograficznej bieżącego widoku. |
getCenter() | LatLng | zwracanie szerokości geograficznej i długości geograficznej środka mapy. |
getDiv() | Node | zwracanie DOM obiektu zawierającego mapę. |
getHeading() | number |
zwracanie kompasu obrazu lotniczego. Dla typów map SATELLITE i HYBRID. |
getMapTypeId() |
|
zwracanie bieżącego typu mapy. |
getProjection() | Projection | zwracanie bieżącej projekcji. |
getStreetView() | StreetViewPanorama | zwracanie domyślnego StreetViewPanorama powiązanego z mapą. |
getTilt() | number |
zwracanie kąta padania obrazu lotniczego (w stopniach). Dla typów map SATELLITE i HYBRID. |
getZoom() | number | zwracanie bieżącego poziomu skalowania mapy. |
panBy(xnumber,ynumber) | None | zmiana środka mapy o podaną odległość (w pikselach). |
panTo(LatLng) | None | zmiana środka mapy na podany LatLng. |
panToBounds(LatLngBounds) | None | przesuwanie mapy o minimalną ilość, aby objąć danej LatLngBounds. |
setCenter(LatLng) | None | ustawianie szerokości geograficznej i długości geograficznej środka mapy. |
setHeading(number) | None |
ustawianie kompasu obrazu lotniczego. w jednostkach stopni mierzone od podstawowego kierunku północnego. |
setMapTypeId(MapTypeId) | None | ustawianie typu mapy do wyświetlenia. |
setOptions(MapOptions) | None | |
setStreetView(StreetViewPanorama) | None | Powiązanie StreetViewPanorama z mapą. |
setTilt(number) | None |
Ustawienie kąta padania obrazu lotniczego (w stopniach). Dla typów map SATELLITE i HYBRID. |
setZoom(number) | None | Ustawienie poziomu skalowania mapy. |
Atrybuty Map().
Atrybuty | Typ | Opis |
---|---|---|
controls | Array.<MVCArray.<Node>> | Dodatkowe kontrole do mapy. |
mapTypes | MapTypeRegistry | Rejestr instancji MapType według ID string. |
overlayMapTypes | MVCArray.<MapType> | Inne mapy do nałożenia. |
Zdarzenia Map().
Zdarzenie | Parametry | Opis |
---|---|---|
bounds_changed | None | Wyzwalany, gdy zmienia się granice widoku. |
center_changed | None | Wyzwalany, gdy zmienia się własność środka mapy. |
click | MouseEvent | Wyzwalany, gdy użytkownik kliknie na mapie. |
dblclick | MouseEvent | Wyzwalany, gdy użytkownik podwójnie kliknie na mapie. |
drag | None | Wyzwalany w powtarzalny sposób, gdy użytkownik przeciąga mapę. |
dragend | None | Wyzwalany, gdy użytkownik przestaje przeciągać mapę. |
dragstart | None | Wyzwalany, gdy użytkownik zaczyna przeciągać mapę. |
heading_changed | None | Wyzwalany, gdy zmienia się własność tytułu mapy. |
idle | None | Wyzwalany, gdy mapa jest wolna po przeniesieniu lub skalowaniu. |
maptypeid_changed | None | Wyzwalany, gdy zmienia się wartość atrybutu mapTypeId. |
mousemove | MouseEvent | Wyzwalany za każdym razem, gdy kursor myszy przechodzi nad kontenerem mapy. |
mouseout | MouseEvent | Wyzwalany, gdy kursor myszy opuszcza kontener mapy. |
mouseover | MouseEvent | Wyzwalany, gdy kursor myszy przechodzi nad kontenerem mapy. |
projection_changed | None | Wyzwalany, gdy zmienia się projekcja. |
resize | None | Wyzwalany, gdy zmienia się rozmiar div mapy. |
rightclick | MouseEvent | Wyzwalany, gdy użytkownik kliknie prawym przyciskiem myszy na mapie. |
tilesloaded | None | Wyzwalany, gdy wszystkie widoczne klocki mapy są już załadowane. |
tilt_changed | None | Wyzwalany, gdy zmienia się własność nachylenia mapy. |
zoom_changed | None | Wyzwalany, gdy zmienia się własność skalowania mapy. |
Warstwa叠加
Konstruktor/obiekt | Opis |
---|---|
Marker | Tworzenie znacznika. (Uwaga: musisz ustawić poprawnie położenie znacznika). |
MarkerOptions | Opcje do renderowania znacznika. |
MarkerImage | Struktura reprezentująca ikonę znacznika lub obraz cienia. |
MarkerShape | Definicja kształtu znacznika używanego do określenia klikalnej obszaru (typu i współrzędnych). |
Animation | Określa, które animacje mogą być odtwarzane na znaczniku (wznoszenie lub opadanie). |
InfoWindow | Tworzy okno informacyjne. |
InfoWindowOptions | Opcje renderowania okna informacyjnego. |
Polyline | Tworzy wielołuk (zawiera ścieżkę i styl konturu). |
PolylineOptions | Opcje renderowania łuku. |
Polygon | Tworzy wielokąt (zawiera ścieżkę i kontur+styl wypełnienia). |
PolygonOptions | Opcje renderowania wielokąta. |
Rectangle | Tworzy prostokąt (zawiera granice i kontur+styl wypełnienia). |
RectangleOptions | Opcje renderowania prostokąta. |
Circle | Tworzy okrąg (zawiera środek+promień i kontur+styl wypełnienia). |
CircleOptions | Opcje renderowania okręgu. |
GroundOverlay | |
GroundOverlayOptions | |
OverlayView | |
MapPanes | |
MapCanvasProjection |
Zdarzenie
Konstruktor/obiekt | Opis |
---|---|
MapsEventListener |
Nie ma metod ani konstruktora. Jego instancje są zwracane przez addListener(), addDomListener(), a w końcu przekazywane do removeListener(). |
event | Dodaje/usuwa/uruchamia słuchaczy zdarzeń. |
MouseEvent | Zwraca różne zdarzenia myszy z mapy i warstw. |
Kontrolka
Kontrolka/obiekt | Opis |
---|---|
MapTypeControlOptions | Zapisuje opcje używane do modyfikacji kontrolki (pozycja i styl). |
MapTypeControlStyle | Określa, który typ kontrolki mapy ma być wyświetlony (rozwijane menu lub przycisk). |
OverviewMapControlOptions | Opcje renderowania kontrolki podglądu mapy (rozłożenie lub złożenie). |
PanControlOptions | Opcje renderowania kontrolki przesuwania (pozycja). |
RotateControlOptions | Opcje renderowania kontrolki obracania (pozycja). |
ScaleControlOptions | Opcje renderowania kontrolki skalowania (pozycja i styl). |
ScaleControlStyle | Określa, który rodzaj kontrolki skalowania ma być wyświetlony. |
StreetViewControlOptions | Opcje renderowania kontrolki pegman'a (pozycja). |
ZoomControlOptions | Opcje renderowania kontrolki skalowania (pozycja i styl). |
ZoomControlStyle | Określa, który typ kontrolki skalowania ma być wyświetlony (duży lub mały). |
ControlPosition | Określa pozycję kontrolki na mapie. |
- Poprzednia strona Typy Maps
- Następna strona Podstawy SVG