html5获取地理位置

最新推荐文章于 2021-06-09 16:16:28 发布

艹莓

最新推荐文章于 2021-06-09 16:16:28 发布

阅读量359

点赞数

分类专栏： html5 js

本文链接：https://blog.csdn.net/qq_28949495/article/details/51496446

版权

js 同时被 2 个专栏收录

34 篇文章 1 订阅

订阅专栏

html5

7 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>html5获取地理位置</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=k2hXcaKk2NSwLQzrZvn8WQcB"></script>
<script>
function getLocation(){
    var options={
        enableHighAccuracy:true,
        timeout:5000,
        maximumAge:1000
    }
    if(navigator.geolocation){
        navigator.geolocation.getCurrentPosition(onSuccess,onError,options);
    }else{
        alert("浏览器不支持geolocarion");
    }
}
function onSuccess(position){
    var longitude = position.coords.longitude;//经度
    var latitude = position.coords.latitude;//纬度
    var ifo = document.getElementById("location");
    //var zuobiao = "经度："+longitude+"纬度："+latitude;
    //ifo.innerHTML = zuobiao;
   var map = new BMap.Map("allmap");
    var point = new BMap.Point(longitude,latitude);
   var gc = new BMap.Geocoder();
    gc.getLocation(point, function(rs){
       var addComp = rs.addressComponents;
       console.log(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
       alert(addComp.city);
       var zuobiao = (addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
       ifo.innerHTML = zuobiao;
    });

}
function onError(error){
    switch(error.code){
        case 1:
        alert("位置服务被拒绝");
        break;
        case 2:
        alert("暂时获取不到位置信息");
        break;
        case 3:
        alert("获取信息超时");
        break;
        case 4:
        alert("未知错误");
        break;
    }
}
window.onload = getLocation;
</script>
</head>
<body>
<div id="location">
    成功时显示地理位置
</div>
</body>
</html>

艹莓

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html5获取地理位置

html5获取地理位置function getLocation(){ var options={ enableHighAccuracy:true, timeout:5000, maximumAge:1000 } if(navigator.geolocation){ navigator.
复制链接

扫一扫