geolocation ile konum belirleme

08. Mar, 2011 1 Yorum

Bu gün görmüş olduğum ve incelemiş olduğum yeni tarayıcı desteğini sizinle paylaşmak istedim. Artık geolocation destegi olan tarayıcılarda kişilerden izin alarak yerini tespit edebiliyorsunuz.

Destekleyenler : Chrome,Opera,İe 9,Safari

denemelerimde en iyi sonuçu chrome nokta atışını yaptıgını söylemek isterim. Firefox da yakın yer buldu. Ama ie her zamanki gibi berbattı ve başka şehirde yerimi tespit etti ie 8 ise destek vermiyor. )

Gelelim kodlara:


<!DOCTYPE html>
<html>
<head>
<title>HTML Geolocation</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
</head> 

<body>
<input type="button" value="Konumumu Göster" onclick="findCurrentLocation()"/>
<div id="map_canvas" style="height: 500px;"></div>
<script type="text/javascript">
var myOptions = {
  zoom: 1,
  center: new google.maps.LatLng(0, 0),
  mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
function findCurrentLocation(){
	if (navigator.geolocation) {
		navigator.geolocation.getCurrentPosition(function(position) {
			var lat = position.coords.latitude;
			var lng = position.coords.longitude;
			var position = new google.maps.LatLng(lat, lng);
			var marker = new google.maps.Marker({position: position});
			marker.setMap(map);
			map.setCenter(position);
			map.setZoom(12);
		});
	} else {
		alert('Tarayıcınız Geolocation desteklemiyor.');
	}
}
</script>
</body>
</html>