Geolocation 地理定位
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=KHTqtkWwq8uLZHLqdmjmBeYS"></script>
</head>
<body>
<div id="dituContent" style="width:687px;height:550px;border:#ccc solid 1px;"></div>
<script type="text/javascript">
if(navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(
function showPosition (p)
{
var latitude = p.coords.latitude;
var longitude = p.coords.longitude;
createMap(latitude,longitude);
},
function error (e)
{
switch(error.code)
{
case error.PERMISSION_DENIED:
x.innerHTML="用户拒绝对获取地理位置的请求。"
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML="位置信息是不可用的。"
break;
case error.TIMEOUT:
x.innerHTML="请求用户地理位置超时。"
break;
case error.UNKNOWN_ERROR:
x.innerHTML="未知错误。"
break;
}
}
);
}
else
{
alert("浏览器不支持");
}
function createMap(a,b)
{
var map=new BMap.Map("dituContent"); //创建map实例
var point= new BMap.Point("b,a"); //初始化地图 设置中心点坐标和地图级别
map.centerAndZoom(point,26); //
// map.addControl(new BMapTypeControl()); //添加地图类型控件
// map.setCurrentCity("南昌"); //设置地图显示的城市
// map.enableScrollWheelZoom(true); //开启鼠标滚轮播放
window.map=map;
}
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=KHTqtkWwq8uLZHLqdmjmBeYS"></script>
</head>
<body>
<div id="dituContent" style="width:687px;height:550px;border:#ccc solid 1px;"></div>
<script type="text/javascript">
if(navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(
function showPosition (p)
{
var latitude = p.coords.latitude;
var longitude = p.coords.longitude;
createMap(latitude,longitude);
},
function error (e)
{
switch(error.code)
{
case error.PERMISSION_DENIED:
x.innerHTML="用户拒绝对获取地理位置的请求。"
break;
case error.POSITION_UNAVAILABLE:
x.innerHTML="位置信息是不可用的。"
break;
case error.TIMEOUT:
x.innerHTML="请求用户地理位置超时。"
break;
case error.UNKNOWN_ERROR:
x.innerHTML="未知错误。"
break;
}
}
);
}
else
{
alert("浏览器不支持");
}
function createMap(a,b)
{
var map=new BMap.Map("dituContent"); //创建map实例
var point= new BMap.Point("b,a"); //初始化地图 设置中心点坐标和地图级别
map.centerAndZoom(point,26); //
// map.addControl(new BMapTypeControl()); //添加地图类型控件
// map.setCurrentCity("南昌"); //设置地图显示的城市
// map.enableScrollWheelZoom(true); //开启鼠标滚轮播放
window.map=map;
}
</script>
</body>
</html>