Geolokalizacja własnego urządzenia, dane potrzebne do lokalizacji pobierane są z przeglądarki internetowej:
załącznik (plik txt)

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<section id="wrapper">
<article>
</article>
<script>
function success(position) {
var mapcanvas = document.createElement('div');
mapcanvas.id = 'mapcontainer';
mapcanvas.style.height = '400px';
mapcanvas.style.width = '835px';
document.querySelector('article').appendChild(mapcanvas);
var coords = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
var options = {
zoom: 15,
center: coords,
mapTypeControl: false,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.SMALL
},
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("mapcontainer"), options);
var marker = new google.maps.Marker({
position: coords,
map: map,
title:"your location"
});
}
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(success);
} else {
error('Geo Location is not supported!');
}
</script>
</section>

Geolokalizacja adresu IP (po adresie IP), dane pobierane są z bazy ipinfodb.com:
załącznik (plik txt)

<?php
$GetInfo = curl_init("http://api.ipinfodb.com/v3/ip-city/?key=YOUR_API_KEY&ip=8.8.8.8&format=xml");
curl_setopt($GetInfo, CURLOPT_RETURNTRANSFER, true);
curl_setopt($GetInfo, CURLOPT_HEADER, 0);
$DataInfo = curl_exec($GetInfo);
curl_close($GetInfo);
$XmlInfo = new SimpleXmlElement($DataInfo, LIBXML_NOCDATA);
if(isset($doc)){
$statusCode = $XmlInfo -> statusCode;
$statusMessage = $XmlInfo -> statusMessage;
$ipAddress = $XmlInfo -> ipAddress;
$countryCode = $XmlInfo -> countryCode;
$countryName = $XmlInfo -> countryName;
$regionName = $XmlInfo -> regionName;
$cityName = $XmlInfo -> cityName;
$zipCode = $XmlInfo -> zipCode;
$latitude = $XmlInfo -> latitude;
$longitude = $XmlInfo -> longitude;
$timeZone = $XmlInfo -> timeZone;
}
?>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<section id="wrapper">
<article>
</article>
<script>
function success(position) {
var mapcanvas = document.createElement('div');
mapcanvas.id = 'mapcontainer';
mapcanvas.style.height = '400px';
mapcanvas.style.width = '835px';
document.querySelector('article').appendChild(mapcanvas);
var coords = new google.maps.LatLng(<?php echo $latitude; ?>, <?php echo $longitude; ?>);
var options = {
zoom: 15,
center: coords,
mapTypeControl: false,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.SMALL
},
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("mapcontainer"), options);
var marker = new google.maps.Marker({
position: coords,
map: map,
title:"location <?php echo $ipAddress; ?>"
});
}
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(success);
} else {
error('Geo Location is not supported!');
}
</script>
</section>

Przykład działającego skryptu / skryptów: loc.LocoGroup.com.

Facebook Comments

Zostaw komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

ZOBACZ RÓWNIEŻ

WCZYTYWANIE KONTENTU Z INNEJ LOKALIZACJI JQUERY

Wczytywanie zawartości pliku lub adresu URL z innej