Google Maps Api yazılarıma devam ediyorum. Diğer yazılara yazı sonundaki linklerden ulaşabilirsiniz.
Bu yazıda ise Map nesnesi için girilen “Options” yani me gibi değişiklikler yapabileceğimizden bahsetmeye çalışacağım.
Hemen Api için gerekli kodu “head” etiketleri arasına yerleştiriyoruz.
|
|
| <script type="text/javascript" src="http://arsiv.pilli.com/http://maps.google.com/maps/api/js?sensor=true"></script> |
|
Yine head etiketleri arasına gerekli script imizi koyuyoruz.
| 1 | | 2 | | 3 | | 4 | | 5 | | 6 | | 7 | | 8 | | 9 | | 10 | | 11 | | 12 | | 13 | | 14 | | 15 | | 16 | | 17 | | 18 | | 19 | | 20 |
|
| var map;
| | function initialize(){
| | var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
| | var myOptions = {
| | backgroundColor:"000000",
| | zoom: 4,
| | disableDoubleClickZoom:true,
| | draggable:true,
| | center: myLatlng,
| | keyboardShortcuts:false,
| | mapTypeControl:true,
| | scrollwheel:true,
| | mapTypeId: google.maps.MapTypeId.ROADMAP
| | }
| | var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
| | var marker = new google.maps.Marker({
| | position: myLatlng,
| | map: map,
| | });
| | } |
|
Burada önemli olan myOptions değişkenine verilen değerlerdir.
backgroundColor; Harita yüklenirken görülecek arkaplan rengi, İngilizce isimleri ya da RGB değerleri girilebilir.
disableDoubleClickZoom; Çift tıklama ile yakınlaşma, true yada false olabilir.
draggable; haritanın tutulup sürüklenebilmesi, true ya da false olabilir.
center; Haritamızın merkezi için gerekli koordinatlar fakat bunun bir LatLng nesnesi olması gerekiyor örneğimizde olduğu gibi,
keyboardShortcuts; Google tarafından konulan klavye kısayolları kullanılabilmesi, true ya da false olabilir.
mapTypeControl; Haritanın sağ üst kısmında gözüken harita tipini değiştirmeye yaran ikonlar, true ya da false olabilir.
scrollwheel; scoll ile yakınlaşma ve uzaklaşma, true ya da false olabilir.
mapTypeId; Harita tipi, alternatifler: HYBRID; sokak ve uydu fotoları karışımı, ROADMAP; sokaklar ve caddeler, SATELLITE; uydu fotoları TERRAIN; fiziki harita zemin ve bitki örtüsü için.
Bu kodlardan sonra “head” etiketi kapatılıp “body” etiketi içine “map_canvas” id’ li bir eleman konur ve çalıştırılır.
Diğer yazılar;
Google Maps Api v3 ile Tıklanan Noktalar Arası Yol Tarifi Alma
Google Maps Api v3 Giriş
