bildirgec.org

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.

1

<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ş

Maps api yeni versiyonu ile birçok nesne isimi değişikliğe uğradı. Yani yeni bir kodlama çatısı oluştu. Bu çatı ile yol tarifi alımı birçok projede kullanılabilir. Aşağıda ise basit sayılan bir örnek ile bu özelliği açıklamaya çalışacağım.
Önce apimizi HTML e ekliyoruz.

1

<script type="text/javascript" src="http://arsiv.pilli.com/http://maps.google.com/maps/api/js?sensor=true"></script>

Bu arada yeni çatı ile artık alan adınızı kayıt ettirmenize gerek kalmıyor, direk kullanabiliyoruz.
Gerekli kodlar ise şu şekilde

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

var map;
var directionDisplay;
var directionsService;
var stepDisplay;
var clicks=[];

function initialize() { // body elementine onload="initialize()" ile bu fonksiyonu göstererek sayfa açıldığında yüklenmesini sağlayacağız
  directionsService = new google.maps.DirectionsService(); //Bu satır ile yön tarifi hizmetini kullacağımızı belirtiyoruz
  var adimlar;
  var istanbul = new google.maps.LatLng(41.01521967187517, 28.98130334943846);//haritamızın merkezini belitiyoruz
  var myOptions = {
    zoom: 13,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    center: istanbul
  }
  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);//son olarak haritamızı hengi elemana koyacağımızı ve gerekli özellikleri ile birlikte ekrana veriyoruz
  var rendererOptions = { 
    map: map, // hangi haritada çıkacağı
	draggable: true, // oluşturulan çiginin sürüklenbilirmi olacağı
  }
  directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions) //yön tarifi için gerekli ayarların bu şekilde veriliyor 
  stepDisplay = new google.maps.InfoWindow();
	google.maps.event.addListener(map, 'click', function(event) {// burada tıklama ile alınan koordinatları bir diziye aktarıyoruz
		if(typeof(clicks[0])=='undefined'){
			 clicks[0]=event.latLng;
		}else{ 
			clicks[1]=event.latLng;
			calcRoute();// eğer ilk tıklama yapılmış ise 2. yide alıp tarifimiz gösteren fonksiyonu çağırıyoruz
		}
	});
}
function calcRoute() {
  var start =clicks[0];
  var end =clicks[1];
  var request = {
      origin: start,
      destination: end,
      travelMode: google.maps.DirectionsTravelMode.WALKING // WALKING DRIVING yada CYCLING 
  };
  directionsService.route(request, function(response, status) {// tarif için gerekli isteğimizi yapıyoruz
    if (status == google.maps.DirectionsStatus.OK){
      directionsDisplay.setDirections(response);
    }
  });
}

Açıklamaları genellikle kod içinde vermeye çalıştım. Harita ve yön tarifi için gerekli ayarları koyduğumuz değişkenlerde, özellik sayısı arttırılabilir. Burada kaynak olarak Apinin kendi sayfası kullanılabilir.
Bu kodlar “head” etiketleri arasına eklendikten sonra “body” taglarımız ise

1
2
3

<body onload="initialize()">
<div id="map_canvas" style="width:80%;height:80%"> </div>
</body>

http://fikirzula.com/ah-bu-google/

Brett Camper adlı bir adamın çalışması olan “The 8-Bit Cities” projesi, ünlü şehirleri Commodore gibi sistemlerden hatırladığımız 8-bit oyunlar gibi bir görünüme kavuşturuyor. Öncelikle New York ile başlamış olan proje, şimdi San Francisco, Amsterdam, Austin, Berlin, Detroit, Londra, New York, Paris, Seattle ve Washington gibi şehirleri de kapsıyor.
Google Maps aracılığıyla seks haritası gibi çok çılgın çalışmalar görmüştük ama bu şimdiye kadarki en garip çalışma diyebiliriz.

haritadan örnek

Denemek isteyenler için projenin sitesi

insanların kişisel bilgilerini açık wi-fi hatlar üzerinden izinsiz olarak topladığı için sert suçlamalarla boğuşmak durumunda kalan, google‘ın “başbelası” servisi street view arabaları yeniden sokaklarda boy göstermeye başladı.

İlk yazısını yazdığım ve bir dizi olmasını umduğum bu dizide google map ile, bu aralar kolaylıkla kullanamasakta, neler yapılabileceğini anlatmaya çalışacağım.
Google Maps Javascript API bilindiği gibi web sitelerinde bolca görülmeye başlayan uydu görüntüleri ve haritaları buralara yerleştirmemize yarayan bir Javascript çatısıdır. Google tarafından sağlanan bu muhteşem imkan, geliştirilerek 3. sürümü (versiyon) çıkartıldı ve 2. sürüm artık onaysız bir sürüm halini aldı. Bu yazıda ise 3. sürümün farkları ve kullanımı hakkında bazı çevirilere yer verilecektir.

Kullanıma sunduğu türlü türlü marifetlere sahip yeni servisleri ile web aleminin dominant oyuncusu Google ‘ın son marifeti: casusluk.Diğer marifetlerinden farkı ise, bu hizmetten sadece Google’ın kendisinin yararlanabilmesi.

Google Maps ile entegre olarak çalışan ve dünyanın önde gelen şehirlerinin caddelerinde oturduğumuz yerden fink atmamızı sağlayan Google Street View‘i ve bu hizmet için tekerleklerine kara sular ininceye kadar cadde cadde dolaşan araçları bilmeyeniniz yoktur.

İşte o araçlar, Google’dan yapılan açıklamaya göre, Google Street View için görüntü toplamanın yanında, rastladıkları kablosuz internet bağlantılarındaki (WiFi network) verileri hüp diyerek içlerine çekmekteymiş.Yani göz göre göre casusluk yapmaktaymış.

Geçtiğimiz günlerde Google, Google Maps‘a yeni özellikler eklendiğini duyurdu. Yeni eklenen bu 9 farklı özellik şu an deneysel olarak kullanılmakta.Google Maps kullanıcıları, şu anda Labs özelliklerini deniyebilir ve test edebilirler. İşte Google Maps‘a eklenen yeni özellikler;

Drag ‘n’ Zoom (Sürükle ve Zum Yap)
Bu özellik ile haritanın herhangi bir bölümünü kendimiz kare içine alarak büyütmemiz mümkün. Böylece kullanıcının istediği bölüm fazla uğraş gerektirmeden büyütülebiliyor.

Aerial Imagery (Havadan Görüntüler)
Bazı bölgelerde kullanılan bu özellik, yüksek çözünürlük görüntüleri kuşbakışı olarak size sunuyor.

12-28 Şubat tarihleri arasında Kanada’nın Vancouver şehrinde yapılacak olan kış olimpiyatları için Google Maps bir ilke daha imza atarak kayak pistleri için Street View özelliğini duyurdu.

Resimlerde de görebileceğiniz bir kar motosikletinin üzerine yerleştirilmiş olan kamera ile kayak pistlerinde çekim yapan Google bu son özelliği ile de baya bir ilgi toplayacak gibi.

Bir Iphone veya 3G özelliğine sahip herhangi bir telefon ile Google Maps’ e bağlanarak yerimizi bulabiliyor yada adres tarifi alabiliyoruz. Fakat eski usul sayılmasada her zaman 3G ile bağlanamayanlar için Google Map Buddy var.

Linkten indirdiğimiz programcık ile oluşturabileceğimiz bir resim dosyasını yazdırdığımızda istediğimiz mahalle, şehir vs. haritasına sahip oluyoruz. Programı açtımızda Go to Google Maps ile haritaya bağlanıyoruz ve çıktısını almak istediğimiz bölgeyi gösterecek şekilde ayarlıyoruz ardından Select Area ile bölgeyi seçip istedimiz zoom değeri ile Create Map Image butonuna tıklıyoruz. Program nereye ve hangi harita türünde kayıt yapacağimizi sorduktan sonra resimleri birleştirerek dosyamızı oluşturacaktır. Programda bazı hataların oluşabileceği ve kusursuz olmadığı yapımcısı tarafından başka kaynaklarda açıklanmış hatırlatmakta fayda var.