Wie kann ich automatisch registrierte Benutzer Geolocation in einer globalen Karte mit Google Maps API zeigen, wie sie registrieren?

Ich versuche, alle Benutzer Geolocation von einer Website in einer Karte anzuzeigen. Durch Google Maps API-Dokumentation habe ich eine Möglichkeit, meinen Standort als Benutzer anzuzeigen. Aber wie mache ich es, um alle Geolocation von den registrierten Personen auf der Website zu zeigen?Wie kann ich automatisch registrierte Benutzer Geolocation in einer globalen Karte mit Google Maps API zeigen, wie sie registrieren?

<div id="map"></div> 
<script> 

    function initMap() { 
    var map = new google.maps.Map(document.getElementById('map'), { 
     center: {lat: -34.397, lng: 150.644}, 
     zoom: 6 
    }); 
    var infoWindow = new google.maps.InfoWindow({map: map}); 

    // Try HTML5 geolocation. 
    if (navigator.geolocation) { 
     navigator.geolocation.getCurrentPosition(function(position) { 
     var pos = { 
      lat: position.coords.latitude, 
      lng: position.coords.longitude 
     }; 

     infoWindow.setPosition(pos); 
     infoWindow.setContent('Location found.'); 
     map.setCenter(pos); 
     }, function() { 
     handleLocationError(true, infoWindow, map.getCenter()); 
     }); 
    } else { 
     // Browser doesn't support Geolocation 
     handleLocationError(false, infoWindow, map.getCenter()); 
    } 
    } 

    function handleLocationError(browserHasGeolocation, infoWindow, pos) { 
    infoWindow.setPosition(pos); 
    infoWindow.setContent(browserHasGeolocation ? 
          'Error: The Geolocation service failed.' : 
          'Error: Your browser doesn\'t support geolocation.'); 
    } 
</script>

Quelle

2017-10-17 Caesar

Hallo und willkommen bei StackOverflow. Unter https://stackoverflow.com/help/how-to-ask erfahren Sie, wie Sie eine richtige Frage stellen und Ihre eigenen gemäß den Richtlinien verbessern können. Als ersten Schritt sollten Sie Ihrem Code eine korrekte Formatierung und Identität zuweisen. –

Entschuldigung. Hoffe jetzt ist es besser. – Caesar

Also, wenn ich richtig verstehe, möchten Sie Marker an den Koordinaten der registrierten Benutzer auf der Karte hinzufügen? Wenn ja: Genauso wie Sie Ihren eigenen Standort angeben, fügen Sie einfach Marker mit den Koordinaten Ihrer registrierten Benutzer hinzu. –

Erstellen von Objekten des google.maps.Marker() Typ festgelegt, eine Position, die Funktion davon verwendet, und fügen Sie die setMap Funktion auf Ihre Karte.

Beispiel (Lat/Lng ist das Zentrum von Deutschland - geben Sie Ihre Nutzer dort Koordinaten):

var marker=new google.maps.Marker(); 
// use your registered user coordinates here 
marker.setPosition(new google.maps.LatLng(48.14544, 8.19208)); 
marker.setMap(map);

Zusätzlich können Sie Grenzen, um Ihre Karte Autozoom sichtbar machen jeden Marker zu erhalten:

var bounds=new google.maps.LatLngBounds(); 
... 
bounds.extend(marker.getPosition()); 
... 
map.fitBounds(bounds);

Quelle

2017-10-17 09:45:56

Wie kann ich automatisch registrierte Benutzer Geolocation in einer globalen Karte mit Google Maps API zeigen, wie sie registrieren?

Antwort

Verwandte Themen