jquery geo location kullanımı arşivleri

Merhabalar, Bu yazımda size Google Geolocation servisi üzerinden sitenize bağlanan ziyaretçinin lokasyon bilgisini çekmek için kullanılan kod bloğunu paylaşacağım.

<!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 Goster" 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>

<!DOCTYPE html>

<html>

<head>

<title>HTML Geolocation</title>

</head>

<body>

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>

Devamını Oku

Etiket: jquery geo location kullanımı

Google Geolocation Kullanımı