Geolocation地理定位
1. W3C 中新添加了⼀个名为 Geolocation的 API 规范,Geoloaction API的作⽤就是通过浏览器获取⽤户的地理位置。我们可以使⽤location来获取⽤户的地理位置信息。
获取当前地理位置的⽅法CurrentPosition(success_callback_function, error_callback_function, position_options)
其中success_callback_function为成功之后处理的函数,error_callback_function为失败之后返回的处理函数,参数position_options 是配置项,可选,有三个值可设定:
enableHighAccuracy:是否启⽤⾼精度设备(⾼精度设备包含但不局限于前⾯所提到的 GPS 和 WIFI) 2013广东高考语文作文
maximumAge:数值,如果将其定义为负数或者未定义,会重设为0 中国冶金网timeout:数值,请求获取地理信息时的超时时间,如果将其定义为负数会重设为0,如果未定义则不启⽤超时判断
2. google maps API的使⽤:
根据经纬度,⽤google.maps.LatLng在地图上确定地点。
通过google.maps.Map获取地图,可以⽤zoom option调节显⽰的⽐例尺。
通过google.maps.Marker标⽰地图上的点。
3. GPS定位的⽅法..
在CurrentPosition调⽤中增加了enableHighAccuracy的指定,如下:
音乐风云榜2013简单的例⼦:
<!DOCTYPE html>
<meta charset="utf-8" />
<head>
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/> <meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title>GeoGoogleMapTest</title>
边缘化<script src="le/maps/api/js?sensor=true"></script>
<script>
location) {
function hasPosition(position) {
var point = new google.maps.ds.latitude, ds.longitude),
myOptions = {
zoom: 15,yintu
center: point,
mapTypeId: google.maps.MapTypeId.ROADMAP
},
mapDiv = ElementById("mapDiv"),
map = new google.maps.Map(mapDiv, myOptions),
marker = new google.maps.Marker({
position: point,
map: map,
title: "You are here"
});
}
function positionError(error)
{
/
/ do error handling
}
//CurrentPosition(hasPosition);
}
</script>
<style>
#mapDiv {
width:320px;
height:460px;
border:1px solid #efefef;
margin:auto;
-moz-box-shadow:5px 5px 10px #000;
-webkit-box-shadow:5px 5px 10px #000;
}
</style>
</head>
说出来就过时
<body>
<div id="mapDiv"></div>
</body>
</html>