Geolocation API Örnek

HTML5 ile gelen özelliklerden Geolocation API kullanımına ait örnek kodu sizlere sunuyorum. Örnekle ziyaretçilere o anda bulunduğu konum bilgisini haritada gösterebilirsiniz.

Güle güle kullanın.

 

 

 

// HTML CODE

0
<!DOCTYPE html>
1
<html>
2
<head>
3
<meta charset="utf-8" />
4
<title>Bulunduğum Yer</title>
5
<style>
6
#haritam{height: 800px;width: 1500px;}
7
</style>
8
<script src="https://maps.google.com/maps/api/js?sensor=false&key=APIKODUNUZ"></script>
9
<script>
10
if (navigator.geolocation) {
11
navigator.geolocation.getCurrentPosition(showCurrentLocation);
12
} else {
13
alert("Geolocation API DESTEKLENMIYOR");
14
}
15
16
function showCurrentLocation(position) {
17
var latitude = position.coords.latitude;
18
var longitude = position.coords.longitude;
19
var coords = new google.maps.LatLng(latitude, longitude);
20
var mapOptions = {
21
zoom: 20,
22
center: coords,
23
mapTypeControl: true,
24
mapTypeId: google.maps.MapTypeId.ROADMAP
25
};
26
map = new google.maps.Map(document.getElementById("haritam"), mapOptions);
27
var marker = new google.maps.Marker({
28
position: coords,
29
map: map,
30
title: "BULUNDUĞUM YER"
31
});
32
}
33
</script>
34
</head>
35
<body>
36
<div id="haritam"></div>
37
</body>
38
</html>

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.