İyi günler arkadaşlar. Google map API kullanarak şehir bulmaya çalışıyorum. Fakat bir sıkıntım var.
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>