您现在的位置： 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文
javascript使用百度地图api和html5特性获取浏览器位置
作者：佚名 责任编辑：admin 更新时间：2022-06-22
本文介绍了javascript使用百度地图api和html5特性获取浏览器位置的小功能，大家参考使用吧
代码如下: <!DOCTYPE html> <html> <body> <p id="demo">点击这个按钮，获得您的位置：</p> <button onclick="getLocation()">试一下</button> <script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"></script> <script> var x=document.getElementById("demo"); function getLocation(){ if(navigator.geolocation){ navigator.geolocation.getCurrentPosition(showPosition); }else{ alert("您的浏览器不支持地理定位"); } } function showPosition(position){ lat=position.coords.latitude; lon=position.coords.longitude; //var map = new BMap.Map("container"); // 创建Map实例 var point = new BMap.Point(lon, lat); // 创建点坐标 //map.centerAndZoom(point,15); // //map.enableScrollWheelZoom(); var gc = new BMap.Geocoder(); gc.getLocation(point, function(rs){ var addComp = rs.addressComponents; alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street); }); } </script> </body> </html>- 上一个程序编程： Script标签与访问HTML页面详解
- 下一个程序编程： JQuery中使用Ajax赋值给全局变量异常的解决方法
