Wie markieren Sie den aktuellen Standort eines Nutzers in Google Maps?

Question

ich folgenden Code verwendet die Position des Benutzers in phonegap zu bekommen (es funktioniert)

function getLocation() { 
    var win = function(position) { 
     var lat = position.coords.latitude; 
     var long = position.coords.longitude; 
     var myLatlng = new google.maps.LatLng(lat, long); 

     var myOptions = { 
      center: myLatlng, 
      zoom: 7, 
      mapTypeId : google.maps.MapTypeId.ROADMAP 
     }; 
     var map_element = document.getElementById("displayMap"); 
     var map = new google.maps.Map(map_element, myOptions); 
    }; 

    var fail = function(e) { 
     alert('Error: ' + e); 
    }; 

    var watchID = navigator.geolocation.getCurrentPosition(win, fail); 
} 

Dies funktioniert gut durch den Benutzer das aktuelle Position auf der Karte zu zentrieren. Aber ich möchte einen Indikator (einen roten Punkt) auf dem Standort des Benutzers zeigen. Aber ich kann sehen, dass Google API nur 3 Optionen Center, Zoom und MapTypeId bieten.

Gibt es irgendwelche verfügbaren Optionen, die verwendet werden können, um die Position hervorzuheben, oder gibt es eine Problemumgehung?

EDIT

War in der Lage, dass Google Maps API einen Marker ho Highlight jeder Position hat zu finden. Das sieht hilfreich aus, aber das zeigt eine rote Standardballon, kann das durch ein benutzerdefiniertes Bild geändert werden?

Answer 1

Sie können die neue Version GeolocationMarker verwenden, die Teil der Google Maps API Utility Library ist.

Es fügt einen Marker und einen Genauigkeitskreis an der aktuellen Position des Benutzers hinzu. Es ermöglicht einem Entwickler außerdem, die Markierung mithilfe der setMarkerOptions-Methode anzupassen und eine icon-Eigenschaft anzugeben.

Answer 2

Sie können MarkerOptions verwenden, um ein benutzerdefiniertes Bild festzulegen. Weitere Informationen zu Google Maps finden Sie unter Google Maps Javascript API V3 Reference.

Answer 3

Verwenden Symbol in Marker wie

var Marker = new google.maps.Marker({ 
     map: map, 
     animation: google.maps.Animation.DROP, 
     position: "", 
     icon: /bluedot.png 
}); 

können Sie diese Google-Karte Positionsanzeige Kreis blauen Punkt Symbol ähnlich die Karte google verwenden