bildirgec.org

yol tarifi hakkında tüm yazılar

Google Maps Api v3 ile Tıklanan Noktalar Arası Yol Tarifi Alma

admin | 19 October 2010 16:31

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>

Taksi Durağını Bul, Ücreti Hesapla, Tarifi Al!

kagit kalem silgi | 18 October 2010 16:32

İnternette öyle bir servis olsun ki, gideceğimiz iki noktayı girelim,
o bize hem en kısa rotayı bulsun,
hem yol tarifi vesin – rotayı harita üzerinde görüntülesin –
hem yakınımızdaki taksi duraklarını göstersin,
hem de en güzeli, taksi ücretini sizin için hesaplasın!

Google Haritalar Servisi üzerinden hizmet veren, böyle bir site var..
Bu servis ile gideceğiniz yerler arasındaki mesafenin ne kadar olduğunu, ne kadar tutacağını, durakları görebildiğiniz gibi, alternatif yol güzergahı da sorgulayabiliyorsunuz..
Yazının devamında, ilgili siteyi ve sitenin diğer fotoğraflarını bulabilirsiniz..

Google Maps artık yol tarifi veriyor

iMania | 05 September 2009 12:13

Google Uzun zamandır sunduğu bu hizmete nihayet türkiyeyi de kattı. bu adresten tamamen türkçe olarak yol tarifini alabiliyorsunuz. örneğin aşağıda levent-göztepe arasını sorguladığımızda şöyle bir sonuç bize dönüyor:

Bu arada aynı hizmeti iPhone’da da almaya başladınız, nasıl olduğunu anlatan güzel bir yazıyı buradan bulabilirsiniz.

Google Map’ten Yol Tarifi Aracı

algoz | 09 July 2009 09:41

Google onlarca servisini, kullanıcılarına; günlük yaşamlarında karşılaştıkları bir çok durum karşısında daha hızlı ve doğru kararlar verebilmeleri için sürekli yeni özellikler ile geliştirmekte.

Google, bu servislerin en önemlilerinden biri olan Google Map ile bilgisayar başından neredeyse tüm dünyadaki yerleşim yerlerini sokak sokak izleyebilmemizi hatta Street View özelliği ile bazı şehirlerin caddelerinde turlayabilmemizi sağlıyor.

Google Map’in önde gelen yararlarından biri ise; iki nokta arasındaki yol/adres tarifini kullanıcılarına sunabilmesi.
Google, özellikle ticari faaliyet gösteren şirketlerin sahip oldukları web sitelerinde kullanabilmeleri için Driving Directions Gadget uygulamasını duyurdu.

Web sitesi sahipleri Driving Directions Gadget’ı birkaç satırlık kod ile web sayfalarına ekleyebilecekler ve müşterilerinin kendi bulundukları adres’ten web sitesi sahibinin fiili hizmet verdiği adres’e hangi yolu izleyerek gelebileceklerini öğrenmelerini sağlayabilecekler.