H5浏览器定位(百度)

最新推荐文章于 2024-08-06 10:14:51 发布

code301

最新推荐文章于 2024-08-06 10:14:51 发布

阅读量1.8k

点赞数 2

分类专栏： HTML 文章标签： H5定位 JS定位

本文链接：https://blog.csdn.net/AnPHPer/article/details/80000627

版权

这篇博客介绍了如何使用H5的Geolocation API结合百度地图API获取用户当前位置，并通过Geocoder将坐标转换为详细地址，展示在网页上。当定位失败时，提供了针对不同错误状态的处理方法。

摘要由CSDN通过智能技术生成

<html>  
<head>  
    <meta charset="UTF-8" />  
    <title>H5百度定位</title>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>   
    <script src="http://api.map.baidu.com/api?v=2.0&ak=4IU3oIAMpZhfWZsMu7xzqBBAf6vMHcoamiyue"></script>  
    <script type="text/javascript">  

        var geolocation = new BMap.Geolocation(); 

        var gc = new BMap.Geocoder();     

        geolocation.getCurrentPosition(function(r){   //定位结果对象会传递给r变量  

            if(this.getStatus() == BMAP_STATUS_SUCCESS){  //通过Geolocation类的getStatus()可以判断是否成功定位。  
                var pt = r.poin