bildirgec.org

Benzinciler uygulamasına iPhone uygulamalarını dolaşırken denk geldim ve sizleride aydınlatmak istedim. Bildiğimiz üzere Türkiye’de benzin alabilmek için ufak bir servetiniz olması gerekiyor. Hergün yepyeni bir benzin zammıyla uyanıyoruz ve artık ipin ucu kaçmış durumda. Ancak benim yeni farkına vardığım bir şey varki, oda benzin fiyatlarının her benzincide, her şehirde farklı olması.

Uçak kazaları, araba kazaları, epidemik tehlikeler, biyolojik tehlikeler, acil besin yardımı yapılacak yerler, açlık, fırtınalar, tsunamiler, depremler, nükleer olaylar, olağanüstü hava şartları…hepsinin buluduğu yerler, en yakın tarihi gösterilmek sureti ile harita üzerine işlenmiş. Buradangörebilirsiniz.

Merhaba, madem blogluyoruz ve paylaşıyoruz, bu linki mutlaka değerlendirin. Hiçbir kar amacı gütmeyen www.tehlikedeyim.net adresindeki blog şehirde ve doğada hayatta kalmanın yollarnı, şehirdeki tehlikelerden nasıl kurtulacağınızı, tehlikeden önce, tehlike esnasındaki ve sonrasındaki çözüm ve önerileri sunuyor…Bence değerlendirin, blogun sloganı da çekici “DİKKAT! BU BLOG HAYAT KURTARIR!”

sosyal ağlar; web siteleri, şirketler, siyasi partiler gibi bir çok grubun eğilim ölçümlerinde kullanabilecekleri çok çeşitli haritaları kullanabilirler.

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>

İ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..

http://alphadesigner.com/project-mapping-stereotypes.html

Video2Mp3: Bazen youtube’dan izlediğimiz bir videoyu mp3’e çevirmek istediğimiz oluyor, ancak program indir, yükle vs. işlemlerinden üşendiğimiz için, boşver diyip işlemi erteleyebiliyoruz. Bu site sayesinde online olarak youtube videolarını mp3’e çevirebilirsiniz. Programa filan gerek olmadan!

Page2RSS: Bu site rss desteği olmayan siteler için rss feedi yaratarak readerlarınızdan takip imkanı sağlıyor. Tavsiye ederim. Tabii ki rss kalitesi beklemeyin. Sonuçta yoktan bir şey var ediyor!

İnternette bir süredir dolaşan bazı resimler var. Google maps dünyamızda fiilen var olsaydı neler olurdu diye düşünenler, bir kaç güzel resim yayınlamışlar. İşte bazıları.

Daha fazlası için