comment demander l'emplacement puis afficher avec google maps

Question

Je veux écrire un programme qui demandera l'emplacement des utilisateurs en utilisant modernizer et l'afficher en utilisant google maps. Tout ce que je pouvais faire, c'était utiliser la géolocalisation pour trouver les coordonnées de votre emplacement et essayer d'utiliser l'API google maps pour obtenir une carte sur ma page. jsfiddle.net/DavDaBomb21/279fbf8b/

Pouvez-vous me dire comment j'utilise les deux ensemble pour afficher une carte sur une page Web? Merci

Answer 1

façon simple serait:

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>

Il ne fonctionnera pas ici, que ce soit sur JSFiddle, mais vous pouvez essayer dans IE si vous activez la géolocalisation ou sur le site Web sécurisé HTTPS - ça fonctionne très bien.