2012-08-29 15 views
9

estoy usando siguiente código para obtener la ubicación del usuario en PhoneGap (funciona bien)¿Cómo resaltar la ubicación actual de un usuario en google maps?

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

Esto está trabajando muy bien, centrando la ubicación actual del usuario en el mapa. Pero me gustaría mostrar un indicador (un punto rojo) en la ubicación del usuario. Pero puedo ver que la API de Google proporciona solo 3 opciones de centro, zoom y mapTypeId.

¿Hay alguna opción disponible que se pueda utilizar para resaltar la posición o hay una solución alternativa?

EDITAR

fue capaz de encontrar que los mapas de Google API tiene un marcador más destacado ho cualquier posición. Parece útil, pero muestra un globo rojo predeterminado, ¿puede modificarlo una imagen personalizada?

Respuesta

12

Puede utilizar el recién lanzado GeolocationMarker que forma parte del Google Maps API Utility Library.

Agregará un marcador y círculo de precisión en la ubicación actual del usuario. También permite a un desarrollador personalizar el marcador utilizando el método setMarkerOptions y especificando una propiedad icon.

4

Uso icono de marcador en el interior como

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

puede utilizar este mapa de Google indicación circular icono de punto azul similar al mapa google

enter image description here

Cuestiones relacionadas