javascript使用百度地图api和html5特性获取浏览器位置


Posted in Javascript onJanuary 10, 2014
<!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>
Javascript 相关文章推荐
改进:论坛UBB代码自动插入方式
Dec 22 Javascript
JQuery 绑定事件时传递参数的实现方法
Oct 13 Javascript
jQuery 工具函数学习资料
Apr 29 Javascript
简单的jquery左侧导航栏和页面选中效果
Aug 21 Javascript
Jquery中find与each方法用法实例
Feb 04 Javascript
jQuery改变form表单的action,并进行提交的实现代码
May 25 Javascript
javascript 操作cookies详解及实例
Feb 22 Javascript
AngularJS使用ocLazyLoad实现js延迟加载
Jul 05 Javascript
详解如何在react中搭建d3力导向图
Jan 12 Javascript
webpack打包node.js后端项目的方法
Mar 10 Javascript
JS函数节流和防抖之间的区分和实现详解
Jan 11 Javascript
Vue.js 实现地址管理页面思路详解(地址添加、编辑、删除和设置默认地址)
Dec 11 Javascript
javascript通过className来获取元素的简单示例代码
Jan 10 #Javascript
深入理解JSON数据源格式
Jan 10 #Javascript
文本框(input)获取焦点(onfocus)时样式改变的示例代码
Jan 10 #Javascript
Script标签与访问HTML页面详解
Jan 10 #Javascript
浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
Jan 10 #Javascript
JQuery中使用Ajax赋值给全局变量异常的解决方法
Jan 10 #Javascript
jquery和javascript中如何将一元素的内容赋给另一元素
Jan 09 #Javascript
You might like
基于mysql的bbs设计(二)
2006/10/09 PHP
基于mysql的论坛(2)
2006/10/09 PHP
php str_replace的替换漏洞
2008/03/15 PHP
PHP开启gzip页面压缩实例代码
2010/03/11 PHP
php上传apk后自动提取apk包信息的使用(示例下载)
2013/04/26 PHP
详解PHP中的Traits
2015/07/29 PHP
php 判断过去离现在几年的函数(实例代码)
2016/11/15 PHP
如何解决PHP获取不到SESSION信息之一般情况
2019/10/10 PHP
JavaScript脚本语言在网页中的简单应用
2007/05/13 Javascript
jquery(hide方法)隐藏指定元素实例
2013/11/11 Javascript
JavaScript代码应该放在HTML代码哪个位置比较好?
2014/10/16 Javascript
javascript实用方法总结
2015/02/06 Javascript
javascript实现图片延迟加载方法汇总(三种方法)
2015/08/27 Javascript
Angular.js 实现数字转换汉字实例代码
2016/07/14 Javascript
Javascript 跨域知识详细介绍
2016/10/30 Javascript
js canvas实现QQ拨打电话特效
2017/05/10 Javascript
Layui动态生成select下拉选择框不显示的解决方法
2019/09/24 Javascript
vue仿ios列表左划删除
2019/09/26 Javascript
实例分析JS中的相等性判断===、 ==和Object.is()
2019/11/17 Javascript
Python base64编码解码实例
2015/06/21 Python
python使用两种发邮件的方式smtp和outlook示例
2017/06/02 Python
Python根据指定日期计算后n天,前n天是哪一天的方法
2018/05/29 Python
Python动态导入模块的方法实例分析
2018/06/28 Python
pandas DataFrame 删除重复的行的实现方法
2019/01/29 Python
在Python中居然可以定义两个同名通参数的函数
2019/01/31 Python
python找出一个列表中相同元素的多个索引实例
2019/06/11 Python
Python Opencv提取图片中某种颜色组成的图形的方法
2019/09/19 Python
Pytorch中index_select() 函数的实现理解
2019/11/19 Python
Python异步编程之协程任务的调度操作实例分析
2020/02/01 Python
python 函数中的参数类型
2020/02/11 Python
Python集成开发工具Pycharm的安装和使用详解
2020/03/18 Python
关于webview适配H5上传照片或者视频文件的方法
2020/11/04 HTML / CSS
信访工作者先进事迹
2014/01/17 职场文书
普通党员自我剖析材料
2014/10/07 职场文书
2014年村党支部工作总结
2014/12/04 职场文书
XX部保密工作制度范本
2019/08/27 职场文书