javascript使用百度地图api和html5特性获取浏览器位置
更新时间：2014年01月10日 09:49:13 作者：
本文介绍了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>
相关文章
这篇文章主要为大家详细介绍了bootstrap与pagehelper实现分页效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
这篇文章主要介绍了js为空或不是对象问题的快速解决方法。需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
js中有各种位置相关的属性,平时用起来比较混乱,特此整理一下,下面这篇文章主要给大家介绍了关于js中易弄混淆的“位置”相关属性的相关资料,需要的朋友可以参考下2022-04-04
这篇文章主要介绍了uni-app实现点赞评论功能，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
本文主要介绍了Javascript的Alert函数执行顺序问题，对此感兴趣的同学，可以实验一下，以便解决平时遇到的一些奇怪的问题。2021-05-05
这篇文章主要为大家介绍了uniapp如何使用定位过程示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-10-10
这篇文章主要为大家介绍了如何在TypeScript中使用函数实例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
使用uniapp是因为它是一个使用vue.js开发所有前端应用的框架,开发者编写一套代码,可以发布到ios,android,web以及各种小程序,快应用等多个平台,下面这篇文章主要给大家介绍了关于uniapp小程序实战之利用腾讯地图获取定位的相关资料,需要的朋友可以参考下2023-02-02
把List集合转成json格式传到界面上，这样js里面操作也简单，具体的解决方法如下，大家可以参考学习下2014-04-04
这篇文章主要介绍了如何在面试中手写出javascript节流和防抖函数,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-10-10
最新评论