Xarita ma’lumotnomasi
Map() konstruktori
Misol
Google xaritasini yarating:
var map = new google.maps.Map(mapCanvas, mapOptions);
Ta’rif va qo‘llanilishi
Map() konstruktori ko‘rsatilgan HTML element ichida (odatda <div> elementida) yangi xarita yaratadi.
Sintaksis
new google.maps.Map(HTMLElement,MapOptions)Parametr qiymatlari
| Parametr | Tavsif |
|---|---|
| HTMLElement | Xaritani qaysi HTML elementga joylashtirishni belgilaydi |
| MapOptions | Xaritani ishga tushirish (initsializatsiya) o‘zgaruvchilari/sozlamalarini saqlovchi MapOptions obyekti |
Map() metodlari
| Metod | Qaytariladigan qiymat | Tavsif |
|---|---|---|
| fitBounds(LatLngBounds) | Yo‘q | Ko‘rinish sohasini (viewport) berilgan chegaralarni o‘z ichiga oladigan qilib o‘rnatadi |
| getBounds() | LatLng,LatLng | Joriy ko‘rinish sohasining janubi-g‘arbiy kenglik/uzunligi va shimoli-sharqiy kenglik/uzunligini qaytaradi |
| getCenter() | LatLng | Xarita markazining kenglik/uzunligini (lat/lng) qaytaradi |
| getDiv() | Node | Xaritani o‘z ichiga olgan DOM obyektini qaytaradi |
| getHeading() | number | Havodan olingan tasvirlarning kompas yo‘nalishini qaytaradi (SATELLITE va HYBRID xarita turlari uchun) |
| getMapTypeId() | HYBRID ROADMAP SATELLITE TERRAIN |
Joriy xarita turini qaytaradi |
| getProjection() | Projection | Joriy proyeksiyani (Projection) qaytaradi |
| getStreetView() | StreetViewPanorama | Xaritaga bog‘langan standart StreetViewPanorama’ni qaytaradi |
| getTilt() | number | Havodan olingan tasvirlarning tushish burchagini gradusda qaytaradi (SATELLITE va HYBRID xarita turlari uchun) |
| getZoom() | number | Xaritaning joriy masshtab darajasini qaytaradi |
| panBy(xnumber,ynumber) | Yo‘q | Xarita markazini piksellarda berilgan masofaga siljitadi |
| panTo(LatLng) | Yo‘q | Xarita markazini berilgan LatLng ga o‘zgartiradi |
| panToBounds(LatLngBounds) | Yo‘q | Berilgan LatLngBounds sig‘ishi uchun xaritani zarur bo‘lgan eng kam masofaga suradi |
| setCenter(LatLng) | Yo‘q | Xarita markazining kenglik/uzunligini (lat/lng) o‘rnatadi |
| setHeading(number) | Yo‘q | Havodan olingan tasvirlar uchun Shimol yo‘nalishidan gradusda o‘lchanadigan kompas yo‘nalishini o‘rnatadi |
| setMapTypeId(MapTypeId) | Yo‘q | Ko‘rsatiladigan xarita turini o‘rnatadi |
| setOptions(MapOptions) | Yo‘q | |
| setStreetView(StreetViewPanorama) | Yo‘q | Xaritaga StreetViewPanorama’ni bog‘laydi |
| setTilt(number) | Yo‘q | Havodan olingan tasvirlarning tushish burchagini gradusda o‘rnatadi (SATELLITE va HYBRID xarita turlari uchun) |
| setZoom(number) | Yo‘q | Xaritaning masshtab darajasini o‘rnatadi |
Map() xususiyatlari
| Xususiyat | Turi | Tavsif |
|---|---|---|
| controls | Array.<MVCArray.<Node>> | Xaritaga biriktiriladigan qo‘shimcha boshqaruv elementlari |
| mapTypes | MapTypeRegistry | String ID bo‘yicha MapType nusxalari reyestri |
| overlayMapTypes | MVCArray.<MapType> | Ustiga qatlam sifatida qo‘yiladigan qo‘shimcha xarita turlari |
Map() hodisalari
| Hodisa | Argumentlar | Tavsif |
|---|---|---|
| bounds_changed | Yo‘q | Ko‘rinish sohasi chegaralari o‘zgarganda ishga tushadi |
| center_changed | Yo‘q | Xaritaning center xususiyati o‘zgarganda ishga tushadi |
| click | MouseEvent | Foydalanuvchi xaritani bosganda ishga tushadi |
| dblclick | MouseEvent | Foydalanuvchi xaritani ikki marta bosganda ishga tushadi |
| drag | Yo‘q | Foydalanuvchi xaritani sudrayotgan paytda qayta-qayta ishga tushadi |
| dragend | Yo‘q | Foydalanuvchi xaritani sudrashni to‘xtatganda ishga tushadi |
| dragstart | Yo‘q | Foydalanuvchi xaritani sudrashni boshlaganda ishga tushadi |
| heading_changed | Yo‘q | Xaritaning heading xususiyati o‘zgarganda ishga tushadi |
| idle | Yo‘q | Xarita surish yoki masshtablashdan so‘ng harakatsiz holatga kelganda ishga tushadi |
| maptypeid_changed | Yo‘q | mapTypeId xususiyati o‘zgarganda ishga tushadi |
| mousemove | MouseEvent | Foydalanuvchining sichqonchasi xarita konteyneri ustida harakatlanganda har safar ishga tushadi |
| mouseout | MouseEvent | Foydalanuvchining sichqonchasi xarita konteyneridan chiqqanda ishga tushadi |
| mouseover | MouseEvent | Foydalanuvchining sichqonchasi xarita konteyneriga kirganda ishga tushadi |
| projection_changed | Yo‘q | Proyeksiya o‘zgarganda ishga tushadi |
| resize | Yo‘q | Xarita (div) o‘lchami o‘zgarganda ishga tushadi |
| rightclick | MouseEvent | Foydalanuvchi xaritani sichqonchaning o‘ng tugmasi bilan bosganda ishga tushadi |
| tilesloaded | Yo‘q | Ko‘rinadigan plitkalar (tiles) yuklanib bo‘lganda ishga tushadi |
| tilt_changed | Yo‘q | Xaritaning tilt xususiyati o‘zgarganda ishga tushadi |
| zoom_changed | Yo‘q | Xaritaning zoom xususiyati o‘zgarganda ishga tushadi |
Qatlamlar (overlays)
| Konstruktor/Obyekt | Tavsif |
|---|---|
| Marker | Marker yaratadi. (E’tibor bering, marker ko‘rinishi uchun position o‘rnatilgan bo‘lishi kerak) |
| MarkerOptions | Markerni render qilish sozlamalari |
| MarkerImage | Marker ikonkasi yoki soya rasmini ifodalovchi tuzilma |
| MarkerShape | Markerning bosiladigan sohasini aniqlashda ishlatiladigan marker shaklini belgilaydi (type va coord) |
| Animation | Markerda ijro etilishi mumkin bo‘lgan animatsiyalarni belgilaydi (bounce yoki drop) |
| InfoWindow | Axborot oynasini (info window) yaratadi |
| InfoWindowOptions | Axborot oynasini render qilish sozlamalari |
| Polyline | Polyline yaratadi (yo‘l (path) va chiziq uslublarini o‘z ichiga oladi) |
| PolylineOptions | Polyline’ni render qilish sozlamalari |
| Polygon | Polygon yaratadi (yo‘l (path) hamda chiziq va to‘ldirish uslublarini o‘z ichiga oladi) |
| PolygonOptions | Polygon’ni render qilish sozlamalari |
| Rectangle | To‘rtburchak yaratadi (chegaralar (bounds) hamda chiziq va to‘ldirish uslublarini o‘z ichiga oladi) |
| RectangleOptions | To‘rtburchakni render qilish sozlamalari |
| Circle | Aylana yaratadi (markaz va radius hamda chiziq va to‘ldirish uslublarini o‘z ichiga oladi) |
| CircleOptions | Aylanani render qilish sozlamalari |
| GroundOverlay | |
| GroundOverlayOptions | |
| OverlayView | |
| MapPanes | |
| MapCanvasProjection |
Hodisalar
| Konstruktor/Obyekt | Tavsif |
|---|---|
| MapsEventListener | Uning metodlari ham, konstruktori ham yo‘q. Uning nusxalari addListener() va addDomListener() tomonidan qaytariladi va oxir-oqibat removeListener() ga qaytarib uzatiladi |
| event | Hodisa tinglovchilarini qo‘shadi/olib tashlaydi/ishga tushiradi |
| MouseEvent | Xarita va qatlamlardagi turli sichqoncha hodisalaridan qaytariladi |
Boshqaruv elementlari
| Konstruktor/Obyekt | Tavsif |
|---|---|
| MapTypeControlOptions | Boshqaruv elementini o‘zgartirish sozlamalarini saqlaydi (joylashuv va uslub) |
| MapTypeControlStyle | Qanday turdagi xarita boshqaruv elementini ko‘rsatishni belgilaydi (ochiluvchi menyu yoki tugmalar) |
| OverviewMapControlOptions | Umumiy ko‘rinish xaritasi boshqaruv elementini render qilish sozlamalari (ochiq yoki yig‘ilgan) |
| PanControlOptions | Surish (pan) boshqaruv elementini render qilish sozlamalari (joylashuv) |
| RotateControlOptions | Aylantirish (rotate) boshqaruv elementini render qilish sozlamalari (joylashuv) |
| ScaleControlOptions | Masshtab (scale) boshqaruv elementini render qilish sozlamalari (joylashuv va uslub) |
| ScaleControlStyle | Qanday turdagi masshtab boshqaruv elementini ko‘rsatishni belgilaydi |
| StreetViewControlOptions | Street View pegman boshqaruv elementini render qilish sozlamalari (joylashuv) |
| ZoomControlOptions | Masshtablash (zoom) boshqaruv elementini render qilish sozlamalari (joylashuv va uslub) |
| ZoomControlStyle | Qanday turdagi masshtablash boshqaruv elementini ko‘rsatishni belgilaydi (katta yoki kichik) |
| ControlPosition | Boshqaruv elementlarining xaritadagi joylashuvini belgilaydi |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!