5
可能性の重複：
How to highlight a user's current location in google maps?現在位置マーカー（青丸）
javascriptをGoogleマップAPIを使用して、現在の場所にある青い円のマーカーを取得する方法はありますか？
A
答えて
13
。それはGoogle Maps API Utility Libraryの一部です。
6
はnavigator.geolocationアプローチを使用して、あなたの青い円
https://developer.mozilla.org/en-US/docs/Using_geolocation
https://developers.google.com/maps/documentation/javascript/overlays#Icons
EDITのためのカスタムアイコンを使用する：あなたはGeolocationMarker libraryを使用することができます
<!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>
青い丸のURLを好奇心からどうやって取得しましたか？ –
実際に覚えていないのは、Photoshopで作成したことがあり、そのURLから自由に保存できますが、それは網膜前のデバイスだったと思います。 –