Google Haritalar Kontrolleri
Google Haritalar - Varsayılan Kontroller
Standart bir Google haritası gösterilirken, varsayılan kontrol seti ile birlikte gelir:
- Yakınlaştır - haritanın yakınlaştırma seviyesini kontrol etmek için bir kaydırıcı veya "+/-" düğmeleri görüntüler
- Pan - haritayı kaydırmak için bir pan kontrolü görüntüler
- MapType - kullanıcının harita türleri (yol haritası ve uydu) arasında geçiş yapmasını sağlar
- Sokak Görünümü - Sokak Görünümü'nü etkinleştirmek için haritaya sürüklenebilen bir Pegman simgesi görüntüler
Google Haritalar - Daha Fazla Kontrol
Varsayılan kontrollere ek olarak, Google Haritalar'da ayrıca şunlar bulunur:
- Ölçek - bir harita ölçeği öğesi görüntüler
- Döndür - haritaları döndürmenize izin veren küçük bir dairesel simge görüntüler
- Haritaya Genel Bakış - daha geniş bir alanda mevcut harita görünüm alanını yansıtan bir küçük resim genel bakış haritası görüntüler
Haritayı oluştururken (MapOptions içinde) veya haritanın seçeneklerini değiştirmek için setOptions() öğesini çağırarak hangi kontrollerin gösterileceğini belirleyebilirsiniz.
Google Haritalar - Varsayılan Kontrolleri Devre Dışı Bırakma
Bunun yerine varsayılan kontrolleri kapatmak isteyebilirsiniz.
Bunu yapmak için Harita'nın disableDefaultUI özelliğini (Harita seçenekleri nesnesi içinde) true olarak ayarlayın:
Örnek
var mapOptions {disableDefaultUI: true}
Google Haritalar - Tüm Kontrolleri Açın
Bazı kontroller varsayılan olarak haritada görünür; siz onları ayarlamadıkça diğerleri görünmeyecektir.
Haritaya denetimlerin eklenmesi veya kaldırılması, Harita seçenekleri nesnesinde belirtilir.
Görünür kılmak için denetimi true olarak ayarlayın - Gizlemek için denetimi false olarak ayarlayın.
Aşağıdaki örnek, tüm kontrolleri "açar":
Örnek
var mapOptions {
panControl: true,
zoomControl: true,
mapTypeControl: true,
scaleControl: true,
streetViewControl: true,
overviewMapControl: true,
rotateControl: true
}
Google Haritalar - Kontrolleri Değiştirme
Harita kontrollerinin birçoğu yapılandırılabilir.
Kontroller, kontrol seçenekleri alanları belirtilerek değiştirilebilir.
Örneğin, bir Zoom kontrolünü değiştirme seçenekleri zoomControlOptions alanında belirtilir. zoomControlOptions alanı şunları içerebilir:
- google.maps.ZoomControlStyle.SMALL - bir mini yakınlaştırma denetimi görüntüler (yalnızca + ve - düğmeleri)
- google.maps.ZoomControlStyle.LARGE - standart yakınlaştırma kaydırıcı kontrolünü görüntüler
- google.maps.ZoomControlStyle.DEFAULT - cihaza ve harita boyutuna göre en iyi yakınlaştırma kontrolünü seçer
Örnek
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
}
Not: Bir denetimi değiştirirseniz, her zaman önce denetimi etkinleştirin (doğru olarak ayarlayın).
Yapılandırılabilir başka bir denetim, MapType denetimidir.
Bir kontrolü değiştirme seçenekleri mapTypeControlOptions alanında belirtilir. mapTypeControlOptions alanı şunları içerebilir:
- google.maps.MapTypeControlStyle.HORIZONTAL_BAR - her harita türü için bir düğme göster
- google.maps.MapTypeControlStyle.DROPDOWN_MENU - açılır menü aracılığıyla harita türünü seçin
- google.maps.MapTypeControlStyle.DEFAULT - "varsayılan" davranışı görüntüler (ekran boyutuna bağlıdır)
Örnek
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
}
ControlPosition özelliğiyle bir denetimi de konumlandırabilirsiniz:
Örnek
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
position: google.maps.ControlPosition.TOP_CENTER
}