So fragen Sie nach Ort und dann mit Google Maps anzeigen

Question

Ich möchte ein Programm schreiben, die den Benutzer Standort mit Modernisierer fragen und es mit Google Maps anzeigen. Das meiste, was ich tun konnte, war Geolocation zu verwenden, um Ihre Standortkoordinaten zu finden, und zu versuchen, die Google Maps API zu verwenden, um eine Karte auf meiner Seite zu erhalten. jsfiddle.net/DavDaBomb21/279fbf8b/

Können Sie mir bitte sagen, wie ich beide zusammen benutze, um eine Karte auf einer Webseite anzuzeigen? Dank

Answer 1

einfache Art und Weise wäre:

function geoSuccess(position) { 
 
    var long = position.coords.longitude; 
 
    var lat = position.coords.latitude; 
 
    $('.map-container').html(
 
     '<iframe width="300" height="170" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?q=' + lat + ',' + long + '&hl=es;z=14&amp;output=embed"></iframe>' 
 
    ); 
 
}; 
 
function geoFail() { 
 
    /* Not supported */ 
 
}; 
 
if (navigator.geolocation) { 
 
    navigator.geolocation.getCurrentPosition(geoSuccess, geoFail); 
 
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="map-container"></div>

Es wird hier nicht funktionieren, entweder auf JSFiddle, aber Sie können im Internet Explorer versuchen, wenn Sie die Entfernung zu kennen oder auf sichere HTTPS-Website ermöglichen - es funktioniert gut.