HTML5 GeoLocation ile harita üzerinden konumunuzu kolayca javascript desteğiyle öğrenebilirsiniz bunun için yapmanız gereken sadece makalenin devamındaki google maps’e ait kütüphane linkini sayfanıza eklemek ve kütüphane kullanımına ait örneği denemek.
HTML5 GeoLocation ile harita üzerinde konumu öğrenme
İlk script etiketi google maps’e ait kütüphanedir ikinci script etiketi içerisinde yer alan kodlar ise google maps kütüphanesi kullanımına ait kodlardır.
Javascript Kodu
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></ script> <script type="text/javascript"> if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function (p) { var LatLng = new google.maps.LatLng(p.coords.latitude, p.coords.longitude); var mapOptions = { center: LatLng, zoom: 13, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("dvMap"), mapOptions); var marker = new google.maps.Marker({ position: LatLng, map: map, title: "<div style = 'height:60px;width:200px'><b>Konumunuz:</b><br />Latitude: " + p.coords.latitude + "<br />Longitude: " + p.coords.longitude }); google.maps.event.addListener(marker, "click", function (e) { var infoWindow = new google.maps.InfoWindow(); infoWindow.setContent(marker.title); infoWindow.open(map, marker); }); }); } else { alert('Tarayıcınız Geolocation özelliklerini desteklemiyor'); } </ script> |
HTML Kodu
1 | <div id="dvMap" style="width: 500px; height: 500px"></div> |
Maalesef bendede çalışmadı, Crome de deniyorum
Çalışmanızı gönderebilirmisiniz incelemek isterim..
hocam bu kodlar bende çalışmadı
Hangi tarayıcı ve hangi sürümde deniyorsunuz?