地图定位

标签：

if (navigator.geolocation)
{
alert(‘ok‘)
}else{
alert(‘no‘)
}
判断浏览器是否支持地理定位navigator.geolocation
Geolocation是window.navigator下面的一个对象， 该对象提供了实现地理位置定位的接口。

getCurrentPosition(success,error,options)该方法是 实现地理定位的核心方法，该方法能够对获取到的 信息作出处理以及设置。
A.success(position) 获取信息成功的回调函数 B.error(errorcode)获取信息失败的回调函数 C.options获取信息前可以按照你的需求来设置一些参数
success(position) 获取信息成功的回调函数
当成功获得信息的时候，会自动调用success函数，而 这个函数会自动生成一个包含返回地理信息的position 对象，如下：

A.coords.latitude（纬度）
B.coords.longitude（经度）

<p id="p1"></p>
<button onclick="getLocation()">click</button>
<script type="text/javascript">
var p1=document.getElementById("p1")
var localtion=navigator.geolocation;
function getLocation()
{
if (localtion)
{
//支持
localtion.getCurrentPosition(showPostion)
}else{
p1.innerHTML="你的浏览器不支持地理定位";
}
}
function showPostion(postion){
p1.innerText=postion.coords.latitude+" "+postion.coords.longitude;
}
</script>

错误演示
<script type="text/javascript">
var p1=document.getElementById("p1")
var localtion=navigator.geolocation;
function getLocation()
{
if (localtion)
{
//支持
localtion.getCurrentPosition(showPostion,showError) //1:success 2:error
}else{
p1.innerHTML="你的浏览器不支持地理定位";
}
}
function showPostion(postion){
p1.innerText=postion.coords.latitude+" "+postion.coords.longitude;
}
function showError(error){
switch(error.code)
{
case error.PERMISSION_DENIED:
p1.innerHTML="用户选择了不容许"
break;
case error.POSITION_UNAVAILABLE:
p1.innerHTML="连不上GPS卫星或者网络中断."
break;
case error.TIMEOUT:
p1.innerHTML="超时了 "
break;
case error.UNKNOWN_ERROR:
p1.innerHTML="未知错误"
break;
}
}
</script>

 注：在你做地图。之前最好是先申请一个百度的账号。然后就是获得百度的开源的，地图的代码。需要什么就去复制出来

若有很多不足的，请提出，谢谢。

地图定位

标签：

原文地址：http://www.cnblogs.com/ZRD312/p/4678899.html