Duplicar posibles:
How to highlight a user's current location in google maps?marcador de ubicación actual en el navegador (círculo azul)
¿Hay algún método para obtener marcador de círculo azul en la ubicación actual usando javascript API de Google Maps?
Puede utilizar el GeolocationMarker library. Es parte de Google Maps API Utility Library.
utilizar el enfoque navigator.geolocation, y utilizar un icono personalizado para su círculo azul
https://developer.mozilla.org/en-US/docs/Using_geolocation
https://developers.google.com/maps/documentation/javascript/overlays#Icons
EDIT:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Google Maps User Location</title>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<style>
html, body, #map_canvas{width:100%;height:100%;}
</style>
</head>
<body onload="locate()">
<div id="map_canvas"></div>
</body>
<script>
var im = 'http://www.robotwoods.com/dev/misc/bluecircle.png';
function locate(){
navigator.geolocation.getCurrentPosition(initialize,fail);
}
function initialize(position) {
var myLatLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
var mapOptions = {
zoom: 4,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById('map_canvas'),
mapOptions);
var userMarker = new google.maps.Marker({
position: myLatLng,
map: map,
icon: im
});
}
function fail(){
alert('navigator.geolocation failed, may not be supported');
}
</script>
</html>
¿Cómo obtuvo la URL para el círculo azul por curiosidad? –
Realmente no puedo recordar, podría haberlo hecho en Photoshop, puede guardarlo desde esa URL, pero eso era dispositivos previos a la retina. –