<!DOCTYPE html>
<html lang="en">
<head>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=620" />
<title></title>
</head>
<body>
<script type="text/javascript" src=" http://maps.google.com/maps/api/js?v=3.3&sensor=true"></script>
<script type="text/javascript">
function success(position) {
var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
var myOptions = {
zoom: 17,
center: latlng,
mapTypeControl: false,
navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var marker = new google.maps.Marker({
position: latlng,
map: map
});
}
function error(msg) {
var s = document.querySelector('#map_canvas');
s.innerHTML = typeof msg == 'string' ? msg : "failed";
s.className = 'fail';
// console.log(arguments);
}
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(success);
} else {
error('not supported');
}
</script>
<div id="map_canvas" style="width:500px; height:300px"></div>
</body>
</html>
'스크립트 > Image,Text관련' 카테고리의 다른 글
| 채크박스 check input 클릭시 추가 입력란 나오게 (0) | 2012.03.07 |
|---|---|
| 갤러리 스크롤러 scroller (0) | 2012.01.31 |
| png 투명화 방법 (0) | 2011.08.25 |
| 스크롤 따라다니는 퀵메뉴 (0) | 2010.10.11 |
| 배너 textarea 버튼클릭해서 복사 붙여넣기(배너관리에서 보통 많이 사용하는거) (0) | 2010.10.11 |
