I want to extract longitude and Latitude from Google Map URL Is this possible to use Jquery to extract them Like
https://www.google.com/maps/place/Arctic+Pixel+Digital+Solutions/@63.6741553,-164.9587713,4z/data=!3m1!4b1!4m5!3m4!1s0x5133b2ed09c706b9:0x66deacb5f48c5d57!8m2!3d64.751111!4d-147.3494442
The Longitude and latitude are Logitude : 63.6741553 Latitude : -164.9587713
I want to extract them with jquery
Advertisement
Answer
JavaScript
x
var url = "https://www.google.com/maps/place/Arctic+Pixel+Digital+Solutions/@63.6741553,-164.9587713,4z/data=!3m1!4b1!4m5!3m4!1s0x5133b2ed09c706b9:0x66deacb5f48c5d57!8m2!3d64.751111!4d-147.3494442";
var regex = new RegExp('@(.*),(.*),');
var lat_long_match = url.match(regex);
var lat = lat_long_match[1];
var long = lat_long_match[2];
Based on the comment, I assume this is exactly what you’re looking for:
JavaScript
<script>
$(function() {
$('#btn').on('click', function() {
var url = $('input[name=googlemapurl]').val();
var regex = new RegExp('@(.*),(.*),');
var lat_long_match = url.match(regex);
var lat = lat_long_match[1];
var long = lat_long_match[2];
$('input[name=latitude]').val(lat);
$('input[name=longitude]').val(long);
});
});
</script>
<p><input type="text" class="form-control" placeholder="Google Map Link" name="googlemapurl"/></p>
<p><input type="text" class="form-control" placeholder="GPS Latitude" name="latitude" /></p>
<p><input type="text" class="form-control" placeholder="GPS Longitude" name="longitude" /></p>
<p><button id="btn">Extract</button></p>