Maps API Map() Yapıcı
Örnek
Google Haritası oluşturun:
var map = new google.maps.Map(document.getElementById("googleMap"),mapOpt);
Kendin dene "
Tanımı ve Kullanımı
Map() yapıcısı belirtilen bir HTML öğesi (tipik olarak bir içinde yeni bir haritasını oluşturur <div> elemanı).
Sözdizimi
new google.maps.Map( HTMLElement , MapOptions )
Parametre Değerleri
| Parametre | Açıklama |
|---|
| HTMLElement | haritayı koymak ne HTML öğesi içinde belirtir |
| MapOptions | harita başlatma değişkenler / seçenekler tutan mapOptions nesnesi |
Yöntemleri Map()
| Yöntem | Geri dönüş değeri | Açıklama |
|---|
| fitBounds( LatLngBounds ) | None | Görünüm, verilen sınır içerecek şekilde ayarlar |
| getBounds() | LatLng,LatLng | güney-batı enlem / boylam ve Geçerli görünümdeki kuzey-doğu enlem / boylam döndürür |
| getCenter() | LatLng | Haritanın merkezinin enlem / LNG döndürür |
| getDiv() | Node | haritayı içeren bir DOM nesnesi döndürür |
| getHeading() | number | (UYDU ve HYBRID haritası tipleri için) havadan görüntüler pusula yönünü döndürür |
| getMapTypeId() | HYBRID
ROADMAP
SATELLITE
TERRAIN | Mevcut harita türünü döndürür |
| getProjection() | Projection | Geçerli Projeksiyon döndürür |
| getStreetView() | StreetViewPanorama | Haritaya varsayılan StreetViewPanorama bağlı döndürür |
| getTilt() | number | (UYDU ve HYBRID haritası tipleri için) derece olarak havadan görüntüler için geliş açısını döndürür |
| getZoom() | number | haritanın geçerli yakınlaştırma düzeyini döndürür |
| panBy( xnumber,ynumber ) | None | Piksel cinsinden verilen mesafeye göre haritanın merkezini değiştirir |
| panTo( LatLng ) | None | Verilen LatLng için harita merkezini değiştirir |
| panToBounds( LatLngBounds ) | None | Verilen LatLngBounds içermesi gereken minimum miktarda haritayı tavalar |
| setCenter( LatLng ) | None | |
| setHeading( number ) | None | kardinal yönü kuzeyden derece olarak ölçülen hava görüntüleri için başlık pusula ayarlar |
| setMapTypeId( MapTypeId ) | None | görüntülemek için haritanın tür değiştirir |
| setOptions( MapOptions ) | None | |
| setStreetView( StreetViewPanorama ) | None | Haritaya StreetViewPanorama bağlanmakta |
| setTilt( number ) | None | (UYDU ve HYBRID haritası tipleri için) derece olarak havadan görüntüler için geliş açısı belirler |
| setZoom( number ) | None | |
Özellikler Map()
| özellik | tip | Açıklama |
|---|
| kontroller | 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 |
Olaylar Map()
| Olay | Argümanlar | Açıklama |
|---|
| bounds_changed | Yok | viewport sınırları değişti harekete geçirildi |
| center_changed | Yok | Pişen zaman haritası merkezi özellik değişiklikleri |
| tık | MouseEvent | Kullanıcı haritada tıkladığında Yakıtlı |
| DblClick | MouseEvent | Pişen zaman harita üzerinde kullanıcı çift tıklama |
| sürüklemek | Yok | kullanıcı haritayı sürükler ederken defalarca ateş |
| dragend | Yok | kullanıcı haritayı sürükleyerek durdurduğunda Yakıtlı |
| dragstart | Yok | kullanıcı haritayı sürükleyerek başladığında Yakıtlı |
| heading_changed | Yok | Pişen zaman haritası başlığı özellik değişiklikleri |
| boş | Yok | Harita kaydırma veya yakınlaştırma sonra atıl hale geldiğinde Yakıtlı |
| maptypeid_changed | Yok | Pişen zaman MapTypeId özellik değişiklikleri |
| mousemove | MouseEvent | Kullanıcı fare haritası konteyner üzerinde hareket olduğunda Yakıtlı |
| mouseout | MouseEvent | Kullanıcı fare haritası kabı çıktığında Yakıtlı |
| mouseover | MouseEvent | Kullanıcı fare haritası kabı girdiğinde Yakıtlı |
| projection_changed | Yok | çıkıntı değişti harekete geçirildi |
| boyutlandırmak | Yok | Haritası harekete geçirildi (div) boyutunu değiştirir |
| sağ tık | MouseEvent | ne zaman harita üzerinde kullanıcı farenin sağ Yakıtlı |
| tilesloaded | Yok | Pişen görünür fayans bitirdikten yükleme |
| tilt_changed | Yok | Pişen zaman haritası eğim özellik değişiklikleri |
| zoom_changed | Yok | Pişen zaman harita yakınlaştırma özellik değişiklikleri |
Bindirme
| Yapıcı / Nesne | Açıklama |
|---|
| İşaretleyici | Bir işaretleyici oluşturur. (Markör görüntülemek için konumu ayarlanmış olmalıdır) Not |
| MarkerOptions | işaretleyici render seçenekleri |
| MarkerImage | Markör simgesi veya gölge görüntüyü temsil eden bir yapı |
| MarkerShape | Bir işaretin tıklanabilir bölgenin belirlenmesinde kullanılacak markör şeklini tanımlar (type and coord) |
| Animasyon | Bir işaretleyici çalınabilir animasyonlar belirtir (bounce or drop) |
| infowindow | bir bilgi penceresi oluşturur |
| InfoWindowOptions | Bilgi penceresini render için seçenekler |
| Çoklu çizgi | Oluşturur polyline (contains path and stroke styles) |
| PolylineOptions | çoklu çizgiyi render seçenekleri |
| Çokgen | Oluşturur bir çokgen (contains path and stroke+fill styles) |
| PolygonOptions | poligonu render seçenekleri |
| Dikdörtgen | Oluşturur bir dikdörtgen (contains bounds and stroke+fill styles) |
| RectangleOptions | dikdörtgen render seçenekleri |
| Daire | Oluşturur bir çember (contains center+radius and stroke+fill styles) |
| CircleOptions | daire render seçenekleri |
| Bindirme | |
| GroundOverlayOptions | |
| Paylaşımlı | |
| MapPanes | |
| MapCanvasProjection | |
Olaylar
| Yapıcı / Nesne | Açıklama |
|---|
| MapsEventListener | Hiçbir yöntem ve hiçbir yapıcı vardır. Onun örnekleri döndürülür addListener() , addDomListener() ve sonunda geri geçirilir removeListener() |
| olay | Ekler / kaldırır / Tetik olay dinleyicileri |
| MouseEvent | harita ve bindirmeleri üzerinde çeşitli fare olayları döndü |
Kontroller
| Yapıcı / Nesne | Açıklama |
|---|
| MapTypeControlOptions | Bir denetimi değiştirmek için seçenekler Düzenledi (position and style) |
| MapTypeControlStyle | ekrana haritası kontrolünün ne tür (açılır menü veya düğmeleri) belirtir |
| OverviewMapControlOptions | Genel bakış haritası kontrolünün render için seçenekler (opened or collapsed) |
| PanControlOptions | Tava kontrolünün render için seçenekler (position) |
| RotateControlOptions | Döndürme kontrolü render için seçenekler (position) |
| ScaleControlOptions | Ölçek kontrolünün render için seçenekler (position and style) |
| ScaleControlStyle | Ölçek kontrolünün tür neyin gösterileceğini belirtir |
| StreetViewControlOptions | Sokak görünümü pegman kontrolünün render için seçenekler (position) |
| ZoomControlOptions | Yakınlaştırma kontrolünün render için seçenekler (position and style) |
| ZoomControlStyle | Ekrana zum kontrolünün ne tür belirtir (large or small) |
| ControlPosition | Harita üzerinde kontrollerin yerleşimi belirtir |