API Hărți Map() Constructor
Exemplu
Creați o hartă Google:
var map = new google.maps.Map(document.getElementById("googleMap"),mapOpt);
Încearcă -
l singur »
Definiție și utilizare
Map() constructorul creează o nouă hartă în interiorul unui element HTML specificat ( de obicei , un <div> Element).
Sintaxă
new google.maps.Map( HTMLElement , MapOptions )
Valorile parametrilor
Parametru | Descriere |
---|
HTMLElement | Specifică în ce element HTML pentru a pune pe harta |
MapOptions | Un obiect MapOptions care deține harta initializare variabile / opțiuni |
Metode de Map()
Metodă | Revenire Valoare | Descriere |
---|
fitBounds( LatLngBounds ) | None | Setează portul de vizualizare să conțină limitele date |
getBounds() | LatLng,LatLng | Returnează sud-vest de latitudine / longitudine și nord-est de latitudine / longitudine a imaginii curente curente |
getCenter() | LatLng | Returnează lat / LNG din centrul hărții |
getDiv() | Node | Returnează un obiect DOM care conține harta |
getHeading() | number | Returnează direcția busolei de imagini aeriene (pentru harta prin satelit și HYBRID tipuri) |
getMapTypeId() | HYBRID
ROADMAP
SATELLITE
TERRAIN | Returnează tipul de hartă curentă |
getProjection() | Projection | Returnează proiecția curentă |
getStreetView() | StreetViewPanorama | Returnează implicit StreetViewPanorama legat pe hartă |
getTilt() | number | Returnează unghiul de incidență pentru imagini aeriene în grade (pentru canale prin satelit și harta HYBRID tipuri) |
getZoom() | number | Returnează nivelul de zoom curent al hărții |
panBy( xnumber,ynumber ) | None | Modifică centrul hărții de distanța dată în pixeli |
panTo( LatLng ) | None | Modifică centrul hărții la dat LatLng |
panToBounds( LatLngBounds ) | None | Tigai de hartă cu suma minimă necesară pentru a conține date LatLngBounds |
setCenter( LatLng ) | None | |
setHeading( number ) | None | Setează busolei pentru imagini aeriene măsurate în grade de la direcția Nord cardinal |
setMapTypeId( MapTypeId ) | None | Modifică tipul de hartă pentru a afișa |
setOptions( MapOptions ) | None | |
setStreetView( StreetViewPanorama ) | None | Se leagă o StreetViewPanorama pe hartă |
setTilt( number ) | None | Setează unghiul de incidență pentru imagini aeriene în grade (pentru canale prin satelit și harta HYBRID tipuri) |
setZoom( number ) | None | |
Proprietăți de Map()
Proprietate | Tip | Descriere |
---|
controale | Array.<MVCArray.<Node>> | Additional controls to attach to the map |
mapTypes | MapTypeRegistry | A registry of MapType instances by string ID |
overlayMapTypes | MVCArray.<MapType> | Additional map types to overlay |
Evenimentele Map()
Eveniment | Argumente | Descriere |
---|
bounds_changed | Nici unul | Concediat atunci când limitele viewport s-au schimbat |
center_changed | Nici unul | Fired atunci când harta centrul de modificări de proprietate |
clic | MouseEvent | Concediat atunci când utilizatorul face clic pe hartă |
dblclick | MouseEvent | Concediat atunci când utilizatorul dublu click pe hartă |
trage | Nici unul | Concediat în mod repetat, în timp ce utilizatorul trage harta |
dragend | Nici unul | Concediat atunci când utilizatorul se oprește trăgând harta |
dragstart | Nici unul | Concediat atunci când utilizatorul începe tragerea hartă |
heading_changed | Nici unul | Fired atunci când harta poziția modificările de proprietate |
inactiv | Nici unul | Concediat atunci când harta devine inactiv după panoramare sau zoom |
maptypeid_changed | Nici unul | Activat atunci când modificările de proprietate mapTypeId |
mousemove | MouseEvent | Concediat de fiecare dată când mouse-ul utilizatorului se deplasează deasupra containerului hartă |
mouseout | MouseEvent | Concediat atunci când mouse-ul utilizatorului iese containerul hartă |
mouse-ul peste | MouseEvent | Concediat atunci când mouse-ul utilizatorului intră în containerul harta |
projection_changed | Nici unul | Concediat când proiecția sa schimbat |
redimensiona | Nici unul | Concediat când harta (div) modifică dimensiunea |
Click dreapta | MouseEvent | Concediat atunci când utilizatorul click dreapta pe hartă |
tilesloaded | Nici unul | Concediat de încărcare atunci când gresie vizibile au terminat |
tilt_changed | Nici unul | Fired atunci când harta prelate modificările de proprietate |
zoom_changed | Nici unul | Fired atunci când harta zoom modificări de proprietate |
Suprapunerile
Constructor / obiect | Descriere |
---|
Marker | Creează un marker. (Rețineți că poziția trebuie setat pentru markerul să afișeze) |
MarkerOptions | Opțiuni pentru redare marcatorul |
MarkerImage | O structură care reprezintă o pictogramă marker sau o imagine umbră |
MarkerShape | Definește forma marker pentru utilizarea în determinarea regiunii clickable a unui marcator (type and coord) |
Animaţie | Specifică animații care pot fi redate pe un marker (bounce or drop) |
InfoWindow | Creează o fereastră cu informații |
InfoWindowOptions | Opțiuni pentru redare fereastra de informații |
Polilinie | Creează o polilinie (contains path and stroke styles) de (contains path and stroke styles) |
PolylineOptions | Opțiuni pentru redare polilinia |
Poligon | Creează un poligon (contains path and stroke+fill styles) |
PolygonOptions | Opțiuni pentru redare poligon |
Dreptunghi | Creează un dreptunghi (contains bounds and stroke+fill styles) |
RectangleOptions | Opțiuni pentru redare dreptunghiului |
Cerc | Creează un cerc (contains center+radius and stroke+fill styles) |
CircleOptions | Opțiuni pentru redare cercul |
GroundOverlay | |
GroundOverlayOptions | |
OverlayView | |
MapPanes | |
MapCanvasProjection | |
Evenimente
Constructor / obiect | Descriere |
---|
MapsEventListener | Ea nu are nici metode și constructor. Instanțele sale sunt returnate de la addListener() , addDomListener() și sunt trecute în cele din urmă înapoi la removeListener() |
eveniment | Adună / Îndepărtează / declanșatoare ascultătorii eveniment |
MouseEvent | Revenit de la diverse evenimente mouse-ul pe hartă și suprapunerile |
Controale
Constructor / obiect | Descriere |
---|
MapTypeControlOptions | Susține opțiuni pentru modificarea unui control (position and style) |
MapTypeControlStyle | Specifică ce fel de control al hărții pentru afișare (meniu sau butoane drop-down) |
OverviewMapControlOptions | Opțiuni pentru redare de control hartă generală (opened or collapsed) |
PanControlOptions | Opțiuni pentru redare de control pan (position) |
RotateControlOptions | Opțiuni pentru redare a comenzii Rotate (position) |
ScaleControlOptions | Opțiuni pentru redare a controlului la scară (position and style) |
ScaleControlStyle | Specifică ce tip de control la scară pentru a afișa |
StreetViewControlOptions | Opțiuni pentru redare a controlului vedere din stradă Pegman care (position) |
ZoomControlOptions | Opțiuni pentru redare de control zoom (position and style) |
ZoomControlStyle | Specifică ce fel de zoom control pentru afișare (large or small) |
ControlPosition | Specifică plasarea comenzilor pe hartă |