<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Reverse Geocoding</title>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var geocoder;
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(successFunction, errorFunction);
}
//Get the latitude and the longitude;
function successFunction(position) {
var lat = position.coords.latitude;
var lng = position.coords.longitude;
codeLatLng(lat, lng)
}
function errorFunction(){
alert("Geocoder failed");
}
function initialize() {
geocoder = new google.maps.Geocoder();
}
function codeLatLng(lat, lng) {
var latlng = new google.maps.LatLng(lat, lng);
geocoder.geocode({'latLng': latlng}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
console.log(results)
if (results[1]) {
//formatted address
alert(results[0].formatted_address)
//find country name
for (var i=0; i<results[0].address_components.length; i++) {
for (var b=0;b<results[0].address_components[i].types.length;b++) {
//there are different types that might hold a city admin_area_lvl_1 usually does in come cases looking for sublocality type will be more appropriate
if (results[0].address_components[i].types[b] == "administrative_area_level_1") {
//this is the object you are looking for
city= results[0].address_components[i];
break;
}
}
}
//city data
alert(city.short_name + " " + city.long_name)
} else {
alert("No results found");
}
} else {
alert("Geocoder failed due to: " + status);
}
});
}
</script>
</head>
<body onload="initialize()">
</body>
</html> | Code Example |
|---|
| Html :: add favorite icon to website html |
| Html :: bind script html |
| Html :: select option default value |
| Html :: on this image error |
| Html :: javascript moving text from left to right |
| Html :: bootstrap loader |
| Html :: embed recaptcha in html |
| Html :: standard html starter code |
| Html :: fa fa-thumbs-o-up icon |
| Html :: html syntax for contact form |
| Html :: html table span 2 rows |
| Html :: html ul types |
| Html :: yellow html |
| Html :: Div and span |
| Html :: show scrollbar only when scrolling |
| Html :: html target blank |
| Html :: how to save time writing html |
| Html :: difference between xhtml and html |
| Html :: blue color html code |
| Html :: change color of icon css |
| Html :: how to break the line in html |
| Html :: video player html |
| Html :: Server side validations Laravel |
| Html :: hack nasa with html |
| Html :: html scale svg |
| Html :: captcha code |
| Html :: licença anydesk gratis |
| Html :: how to add robots.txt |
| Html :: allow multiple select on radio button in html |
| Html :: how to add a blinking text in html |