niiyz/map.js

## map.js
<!DOCTYPE html>
<html>
<head lang="ja">
<meta charset="UTF-8">
<style>
html, body, #myMap {
  width: 100%;
  height: 100%;
  margin: 0px;
}
</style>
</head>
<body>
<div id="myMap"></div>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js"></script>
<script>
function initialize() {
  var latLng = new google.maps.LatLng(36.861751, 136.991468);
  var mapOptions = {
    zoom: 10,
    center: latLng
  };
  var div = document.getElementById("myMap");
  var map = new google.maps.Map(div, mapOptions);
  var markerOptions = {
    map: map,
    position: latLng
  };
  var marker = new google.maps.Marker(markerOptions);
  watchCurrentPosition(marker);
}
function watchCurrentPosition(marker) {
    if (navigator.geolocation) {
        navigator.geolocation.watchPosition(
            // 成功処理
            function (info) {
                console.log(info.timestamp);
                var lat = info.coords.latitude;
                var lng = info.coords.longitude;
                var current = new google.maps.LatLng(lat, lng);
                marker.setPosition(current);
            },
            // エラー
            function (info) {
                console.log('現在地取得エラー: ' + info.code);
                return;
            },
            // オプション
            {enableHighAccuracy: true, timeout: 6000, maximumAge: 600000}
        );
    } else {
        console.log('本ブラウザではGeolocationが使えません');
        return;
    }
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head lang="ja">
	<meta charset="UTF-8">
	<style>
	html, body, #myMap {
	width: 100%;
	height: 100%;
	margin: 0px;
	}
	</style>
	</head>
	<body>
	<div id="myMap"></div>
	<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js"></script>
	<script>
	function initialize() {
	var latLng = new google.maps.LatLng(36.861751, 136.991468);
	var mapOptions = {
	zoom: 10,
	center: latLng
	};
	var div = document.getElementById("myMap");
	var map = new google.maps.Map(div, mapOptions);
	var markerOptions = {
	map: map,
	position: latLng
	};
	var marker = new google.maps.Marker(markerOptions);
	watchCurrentPosition(marker);
	}
	function watchCurrentPosition(marker) {
	if (navigator.geolocation) {
	navigator.geolocation.watchPosition(
	// 成功処理
	function (info) {
	console.log(info.timestamp);
	var lat = info.coords.latitude;
	var lng = info.coords.longitude;
	var current = new google.maps.LatLng(lat, lng);
	marker.setPosition(current);
	},
	// エラー
	function (info) {
	console.log('現在地取得エラー: ' + info.code);
	return;
	},
	// オプション
	{enableHighAccuracy: true, timeout: 6000, maximumAge: 600000}
	);
	} else {
	console.log('本ブラウザではGeolocationが使えません');
	return;
	}
	}
	google.maps.event.addDomListener(window, 'load', initialize);
	</script>
	</body>
	</html>