Geolocation Demosu

Geolocation destekli tarayıcılarda çalışır

by greench

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<body>
    <div id="map_canvas"></div>
    <div id="locationinfo"></div>
</body>

CSS

html, body {
    width: 100%;
    height: 100%;
}
#map_canvas {
    height: 85%;
    width: 100%;
}

JavaScript

// Geolocation desteği olup olmadığını kontrol et
if (navigator.geolocation) {
    // Yeri belirle
    navigator.geolocation.getCurrentPosition(displayPosition, errorFunction);
} else {
    alert('Geolocation tarayıcınızda aktif değil gibi. Lütfen Geolocation destekli bir tarayıcı kullanın.');
}

// Başarılı bir işlemde çalıştırılacak fonksiyon

function displayPosition(pos) {
    var mylat = pos.coords.latitude;
    var mylong = pos.coords.longitude;
    var thediv = document.getElementById('locationinfo');
    thediv.innerHTML = ' Boylamınız ' + mylong + ' ve enleminiz ' + mylat + '';

    // Google Haritaları yükle
    var latlng = new google.maps.LatLng(mylat, mylong);
    var myOptions = {
        zoom: 15,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.HYBRID
    };

    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    // İşaretçi ekler
    var marker = new google.maps.Marker({
        position: latlng,
        map: map,
        title: "Buradasınız"
    });
}

// Hata oluşması durumunda çalıştırılacak fonksiyon

function errorFunction(pos) {
    alert('Hata!');
}