Hello
Retrieve Latitude and Longitude via Google Maps API Using it's Address
Here Sample code for Retrieve Latitude and Longitude via Google Maps API Using it's Address
check It can be Use full.
<!DOCTYPE html>
<html>
<head>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
<script type="text/javascript">
function initialize() {
var address = (document.getElementById('my-address'));
var autocomplete = new google.maps.places.Autocomplete(address);
autocomplete.setTypes(['geocode']);
google.maps.event.addListener(autocomplete, 'place_changed', function() {
var place = autocomplete.getPlace();
if (!place.geometry) {
return;
}
var address = '';
if (place.address_components) {
address = [
(place.address_components[0] && place.address_components[0].short_name || ''),
(place.address_components[1] && place.address_components[1].short_name || ''),
(place.address_components[2] && place.address_components[2].short_name || '')
].join(' ');
}
});
}
function address_lat_lag() {
geocoder = new google.maps.Geocoder();
var address = document.getElementById("my-address").value;
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
alert("Latitude: "+results[0].geometry.location.lat());
alert("Longitude: "+results[0].geometry.location.lng());
document.getElementById("lat").value = results[0].geometry.location.lat();
document.getElementById("lag").value = results[0].geometry.location.lng();
}
else {
alert("Geocode was not successful for the following reason: " + status);
}
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<input type="text" id="my-address">
<button id="getCords" onClick="address_lat_lag();">getLat&Long</button>
You can save here as textbox value
<br/>
<label>Latitude</label>
<input type="text" id="lat" name="lat"/>
<label>Longitude</label>
<input type="text" id="lag" name="lag"/>
</body>
</html>
Retrieve Latitude and Longitude via Google Maps API Using it's Address
Here Sample code for Retrieve Latitude and Longitude via Google Maps API Using it's Address
check It can be Use full.
<!DOCTYPE html>
<html>
<head>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
<script type="text/javascript">
function initialize() {
var address = (document.getElementById('my-address'));
var autocomplete = new google.maps.places.Autocomplete(address);
autocomplete.setTypes(['geocode']);
google.maps.event.addListener(autocomplete, 'place_changed', function() {
var place = autocomplete.getPlace();
if (!place.geometry) {
return;
}
var address = '';
if (place.address_components) {
address = [
(place.address_components[0] && place.address_components[0].short_name || ''),
(place.address_components[1] && place.address_components[1].short_name || ''),
(place.address_components[2] && place.address_components[2].short_name || '')
].join(' ');
}
});
}
function address_lat_lag() {
geocoder = new google.maps.Geocoder();
var address = document.getElementById("my-address").value;
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
alert("Latitude: "+results[0].geometry.location.lat());
alert("Longitude: "+results[0].geometry.location.lng());
document.getElementById("lat").value = results[0].geometry.location.lat();
document.getElementById("lag").value = results[0].geometry.location.lng();
}
else {
alert("Geocode was not successful for the following reason: " + status);
}
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<input type="text" id="my-address">
<button id="getCords" onClick="address_lat_lag();">getLat&Long</button>
You can save here as textbox value
<br/>
<label>Latitude</label>
<input type="text" id="lat" name="lat"/>
<label>Longitude</label>
<input type="text" id="lag" name="lag"/>
</body>
</html>
0 komentar:
Post a Comment