(.)(.): HTML5: Coğrafi konumunu harita üzerinde göster

15 Ekim 2011 Cumartesi

HTML5: Coğrafi konumunu harita üzerinde göster

<html>
<body>
<p id="button">Lokasyonunu harita üzerinde gösterir:</p>
<button onclick="getLocation()">Haritada göster</button>
<div id="mapholder"></div>
<script>
var x=document.getElementById("button");
function getLocation()
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.getCurrentPosition(showPosition,showError);
    }
  else{x.innerHTML="Web tarayıcısını güncellemek gerekiyor olabilir...";}
  }

function showPosition(position)
  {
  var latlon=position.coords.latitude+","+position.coords.longitude;

  var img_url="http://maps.googleapis.com/maps/api/staticmap?center="
  +latlon+"&zoom=14&size=400x300&sensor=false";
  document.getElementById("mapholder").innerHTML="<img src='"+img_url+"'>";
  }

function showError(error)
  {
  switch(error.code) 
    {
    case error.PERMISSION_DENIED:
      x.innerHTML="Yetkisel bir sıkıntı var."
      break;
    case error.POSITION_UNAVAILABLE:
      x.innerHTML="Sıkıntı var"
      break;
    case error.TIMEOUT:
      x.innerHTML="Time out."
      break;
    case error.UNKNOWN_ERROR:
      x.innerHTML="Bir sıkıntı var."
      break;
    }
  }
</script>
</body>
</html>

(.)(.)

15 Ekim 2011 Cumartesi

HTML5: Coğrafi konumunu harita üzerinde göster

Hiç yorum yok:

Yorum Gönder

İnsdroid