thể trùng lặp:
How to highlight a user's current location in google maps?hiện tại vị trí đánh dấu trong trình duyệt (vòng tròn màu xanh)
Có phương pháp nào để có được đánh dấu vòng tròn màu xanh ở vị trí hiện tại sử dụng javascript API của Google Maps?
Bạn có thể sử dụng GeolocationMarker library. Nó là một phần của Google Maps API Utility Library.
Sử dụng các cách tiếp cận navigator.geolocation, và sử dụng một biểu tượng tùy chỉnh cho vòng tròn màu xanh của bạn
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>
Làm cách nào để bạn nhận được URL cho vòng tròn màu xanh ngoài sự tò mò? –
Không thể thực sự nhớ, có thể vừa tạo ra nó trong Photoshop, cảm thấy tự do để lưu nó từ URL đó, nhưng đó là các thiết bị trước võng mạc. –