Google Haritalar Kontrol Üniteleri

Google Haritalar - Varsayılan denetimler

Standart Google Haritalar görüntülendiğinde, varsayılan denetim setini sunar:

• Yakınlaştır (Zoom) - Harita yakınlaştırma seviyesini kontrol etmek için kaydırıcı veya "+/-" düğmelerini gösterir
• Kaydır (Pan) - Haritayı kaydırmak için kaydırma denetimi gösterir
• Harita Türleri (MapType) - Kullanıcının harita türleri (yol haritası ve uydu haritası) arasında geçiş yapmasına olanak tanır
• Sokak Görünümü (Street View) - Sokak görünümü küçük insan ikonu (Pegman icon) gösterir, bunu haritaya sürükleyerek sokak görünümünü etkinleştirebilirsiniz

Google Haritalar - Daha fazla denetim

Varsayılan denetimlerin yanı sıra, Google Haritalar ayrıca sunar:

• Ölçek (Scale) - Harita ölçeği elementini gösterir
• Döndür (Rotate) - Haritayı döndürmek için küçük bir düzgeç gösterir
• Genel harita (Overview Map) - Geniş bir alanı yansıtan küçük bir özet harita görüntüler

Haritayı oluştururken hangi denetimlerin görüntülenmesini istediğinizi belirtmek veya setOptions() aracılığıyla harita seçeneklerini değiştirmek mümkündür.

Google Haritalar - Varsayılan denetimleri devre dışı bırak

Belki varsayılan denetimleri kapatmak istersiniz.

Bu konuda, haritanın disableDefaultUI özelliğini (harita seçenekleri nesnesi içinde) true olarak ayarlayın:

örnek

var mapOptions {disableDefaultUI: true}

Google Haritalar - Tüm denetimleri aç

Bazı denetimler varsayılan olarak haritada görünecektir; diğerleri görüntülenmez, aksi takdirde ayarlamazsanız.

Lütfen harita seçenekleri nesnesinde haritaya eklemek veya kaldırmak istediğiniz denetimleri belirtin.

Denetimi true olarak ayarlamak, onu görünür yapar - denetimi false olarak ayarlamak, onu gizler.

Bu örnek, tüm denetimleri açar:

örnek

var mapOptions {
  panControl: true,
  zoomControl: true,
  mapTypeControl: true,
  scaleControl: true,
  streetViewControl: true,
  overviewMapControl: true,
  rotateControl: true
}

Google Haritalar - Kontrolleri Değiştir

Bazı harita kontrolleri yapılandırılabilir.

Kontrolün seçenek alanını belirleyerek kontrolü değiştirebilirsiniz.

Örneğin, zoomControlOptions alanında Zoom kontrolünü değiştirmek için kullanılan seçenekleri tanımlar. zoomControlOptions alanı şu içerebilir:

• google.maps.ZoomControlStyle.SMALL - Küçük ölçek kontrolü gösterir (sadece + ve - düğmeleri)
• google.maps.ZoomControlStyle.LARGE - Standart ölçek kaydırma kontrolü gösterir
• google.maps.ZoomControlStyle.DEFAULT - Cihaz ve harita boyutuna bağlı olarak en iyi ölçek kontrolünü seçer

örnek

zoomControl: true,
zoomControlOptions: {
    style: google.maps.ZoomControlStyle.SMALL
}

Dikkat: Kontrolü değiştirmek istiyorsanız, önce bu kontrolü etkinleştirin (onu true yapın).

Yine değiştirilebilir bir başka kontrol, MapType kontrolüdür.

mapTypeControlOptions alanı, kontrolü değiştirmek için kullanılan seçenekleri tanımlar. mapTypeControlOptions alanı şu içerebilir:

• google.maps.MapTypeControlStyle.HORIZONTAL_BAR - Her harita türü için bir düğme gösterir
• google.maps.MapTypeControlStyle.DROPDOWN_MENU - Harita türlerini açılır menü aracılığıyla seçin
• google.maps.MapTypeControlStyle.DEFAULT - Ekran boyutuna bağlı olarak 'varsayılan' davranışı gösterir

örnek

mapTypeControl: true,
mapTypeControlOptions: {
  style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
}

Ayrıca, ControlPosition özelliğini kullanarak kontrolü konumlandırabilirsiniz:

örnek

mapTypeControl: true,
mapTypeControlOptions: {
  style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
  position: google.maps.ControlPosition.TOP_CENTER
}