Aşağıda verdiğin script öbeği bize, mevcut konumumuzu veriyor (Google Maps API üzerinden) kullanıcı buradaki konum yanlış ise değiştirecek, doğru ise bu konumu cookie yada session a yazıp, ile göre sayfa kontrolü yapacağım.
Fakat, google maps API kullanarak ziyaretçinin ilini ekrana yazdıramadım.
Aşağıdaki script sadece koordinat yazıyor.
Sorum şu; ekrana adamın ilini yazdırmak istiyorum. nereye ne ekleme lazım ?
yardımlarının için şimdiden teşekkür ederim
<!DOCTYPE html>
<html>
<head>
<title>Tarayıcıdan Konum Bilgisi Alma</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=tr"></script>
<script type="text/javascript">
//Konumu bulup fonksiyonlara yönlendirme yap
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(success, error);
}else{
error('Desteklenmiyor.');
}
//Konum bulunduysa
function success(position){
var status = document.querySelector('#durum');
var infowindow = new google.maps.InfoWindow();
if (status.className == 'basarili'){
return;
}
status.innerHTML = "bulundu.";
status.className = 'basarili';
var mapcanvas = document.createElement('div');
mapcanvas.id = 'mapcanvas';
mapcanvas.style.width = '215px';
mapcanvas.style.height = '180px';
document.querySelector('div').appendChild(mapcanvas);
var kordinat = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
var geocoder = new google.maps.Geocoder();
var geocoderRequest = {
address: location,
}
var myOptions = {
zoom: 15,
center: kordinat,
mapTypeControl: false,
navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("mapcanvas"), myOptions);
document.getElementById("konum").innerHTML='Kordinatlarınız: '+kordinat+geocoderRequest;
var marker = new google.maps.Marker({
position: kordinat,
map: map,
});
}
//Hata ile karşılaşıldıysa
function error(msg){
var status = document.querySelector('#durum');
status.innerHTML = typeof msg == 'string' ? msg : "bulunamadı";
status.className = 'basarisiz';
}
</script>
</head>
<body>
<div>
<p>Konumunuz: <span id="durum">hesaplanıyor...</span></p>
<p><span id="konum"></span></p>
</div>
</body>
</html> 