2016-12-22 4 views
-2

ich von Google Map-URL Länge und Breite extrahieren möchte Ist das möglich JQuery zu verwenden, um sie WieWie Länge und Breite von Google Map-URL erhalten

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

Der extrahieren Länge und Breite sind Logitude: 63,6741553 Latitude: -164,9587713

ich möchte, dass sie extrahieren mit jquery

+0

Verwendung Split in Javascript http: // www.w3schools.com/jsref/jsref_split.asp –

+0

@prakashtank Können Sie mir bitte helfen, es zu benutzen? – Hammad

+0

Warum nicht die API verwenden, anstatt einen URL-String zu hacken? –

Antwort

0
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 lon_lat_match = url.match(regex); 
var lon = lon_lat_match[1]; 
var lat = lon_lat_match[2]; 

Basierend auf den Kommentar, gehe ich davon aus das ist genau das, was Sie suchen:

<script> 
    $(function() { 
     $('#btn').on('click', function() { 
      var url = $('input[name=googlemapurl]').val(); 
      var regex = new RegExp('@(.*),(.*),'); 
      var lon_lat_match = url.match(regex); 
      var lon = lon_lat_match[1]; 
      var lat = lon_lat_match[2]; 

      $('input[name=longitude]').val(lon); 
      $('input[name=latitude]').val(lat); 
     }); 
    }); 
</script> 

<p><input type="text" class="form-control" placeholder="Google Map Link" name="googlemapurl"/></p> 
<p><input type="text" class="form-control" placeholder="GPS Longitude" name="longitude" /></p> 
<p><input type="text" class="form-control" placeholder="GPS Latitude" name="latitude" /></p> 
<p><button id="btn">Extract</button></p> 
+0

wie mit AutoGet-URL – Hammad

+0

' ' – Hammad

+0

Sie meinen, dass Sie die URL an das Eingabefeld "googlemapurl" übergeben und wenn Sie auf die Schaltfläche klicken, erhalten Sie Längen- und Breitengradwerte in den entsprechenden Eingabefeldern. Recht? – Perumal

0
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 longlat = /\/\@(.*),(.*),/.exec(url); 

var lng = longlat[1]; //63.6741553 
var lat = longlat[2]; //-164.9587713 

Live example

EDIT:

Example with inputs

+0

Danke Aber ich bin nicht so professionell in Javascript kannst du mir bitte helfen, dies im Eingabefeld zu zeigen? – Hammad

+0

sicher, check out my edit ('beispiel mit eingaben' link) –

+0

Danke viel mann. Ist es möglich, die URL aus dem Eingabefeld automatisch zu ermitteln? wie ein Eingabefeld mit Google Map URL. – Hammad

0

Versuchen Sie, diese

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 splitUrl = URL.split('@'); 
 
var coords = splitUrl[1].split(','); 
 

 
console.log(coords[0]); //63.6741553 
 
console.log(coords[1]); //-164.9587713

Verwandte Themen