Come evidenziare la posizione corrente di un utente in google maps?

Question

Sto usando seguente codice per ottenere la posizione di utente in PhoneGap (funziona benissimo)

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); 
} 

Questo sta lavorando bene centrando posizione corrente dell'utente sulla mappa. Ma vorrei mostrare un indicatore (un punto rosso) sulla posizione dell'utente. Ma posso vedere che l'API di google fornisce solo 3 opzioni centro, zoom e mapTypeId.

Ci sono delle opzioni disponibili che possono essere utilizzate per evidenziare la posizione o c'è una soluzione?

EDIT

è stato in grado di trovare che google maps API ha un segnalino punto culminante ho qualsiasi posizione. Sembra utile, ma quello mostra un palloncino rosso predefinito, può essere modificato da un'immagine personalizzata?

Answer 1

È possibile utilizzare il nuovo GeolocationMarker che fa parte di Google Maps API Utility Library.

Aggiungerà un indicatore e un cerchio di precisione nella posizione corrente dell'utente. Consente inoltre a uno sviluppatore di personalizzare l'indicatore utilizzando il metodo setMarkerOptions e specificando una proprietà icon.

Answer 2

È possibile utilizzare MarkerOptions per impostare un'immagine personalizzata. Controlla lo Google Maps Javascript API V3 Reference per ulteriori dettagli su Google Maps.

Answer 3

Usa icona all'interno marcatore come

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

è possibile utilizzare questo google map posizione indicazione circolare icona punto blu simile alla mappa di google