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 相关文章推荐
javascript实现 在光标处插入指定内容
May 25 Javascript
IE iframe的onload方法分析小结
Jan 07 Javascript
ExtJS Ext.MessageBox.alert()弹出对话框详解
Apr 02 Javascript
JQuery设置和去除disabled属性的5种方法总结
May 16 Javascript
js中的onchange和onpropertychange (onchange无效的解决方法)
Mar 08 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
Jan 28 Javascript
JS实现table表格数据排序功能(可支持动态数据+分页效果)
May 26 Javascript
jQuery EasyUI提交表单验证
Jul 19 Javascript
js上传图片预览的实现方法
May 09 Javascript
Vue.js中的图片引用路径的方式
Jul 28 Javascript
关于ckeditor在bootstrap中modal中弹框无法输入的解决方法
Sep 11 Javascript
SSM+layUI 根据登录信息显示不同的页面方法
Sep 20 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
PHP中文处理 中文字符串截取(mb_substr)和获取中文字符串字数
2011/11/10 PHP
编写Smarty插件在模板中直接加载数据的详细介绍
2013/06/26 PHP
PHP中mysql_field_type()函数用法
2014/11/24 PHP
PHP高精确度运算BC函数库实例详解
2017/08/15 PHP
JS代码格式化和语法着色V2
2006/10/14 Javascript
用javascript作一个通用向导说明
2011/08/30 Javascript
Jquery实现仿新浪微博获取文本框能输入的字数代码
2013/02/22 Javascript
Redux 和 Mobx的选择问题:让你不再困惑!
2017/09/18 Javascript
微信小程序实现下拉刷新和轮播图效果
2017/11/21 Javascript
微信小程序实现留言板(Storage)
2018/11/02 Javascript
Three.js中矩阵和向量的使用教程
2019/03/19 Javascript
微信小程序实现打卡签到页面
2020/09/21 Javascript
[41:37]DOTA2北京网鱼队选拔赛——冲击职业之路
2015/04/13 DOTA
Python连接DB2数据库
2016/08/27 Python
Python初学时购物车程序练习实例(推荐)
2017/08/08 Python
Python内置模块turtle绘图详解
2017/12/09 Python
对Tensorflow中权值和feature map的可视化详解
2018/06/14 Python
使用python将请求的requests headers参数格式化方法
2019/01/02 Python
使用python绘制二元函数图像的实例
2019/02/12 Python
python批量修改ssh密码的实现
2019/08/08 Python
python同步windows和linux文件
2019/08/29 Python
Python制作词云图代码实例
2019/09/09 Python
python实现视频读取和转化图片
2019/12/10 Python
pycharm不能运行.py文件的解决方法
2020/02/12 Python
把Anaconda中的环境导入到Pycharm里面的方法步骤
2020/10/30 Python
在vscode中启动conda虚拟环境的思路详解
2020/12/25 Python
canvas如何实现多张图片编辑的图片编辑器
2020/03/10 HTML / CSS
捷克体育用品购物网站:D-sport
2017/12/28 全球购物
喝酒检查书范文
2014/02/23 职场文书
畜牧兽医本科生的自我评价
2014/03/03 职场文书
环保志愿者活动方案
2014/08/14 职场文书
大学生简短的自我评价
2014/09/12 职场文书
小学向国旗敬礼活动方案
2014/09/27 职场文书
2016年度员工工作表现评语
2015/12/02 职场文书
2016年中学端午节主题活动总结
2016/04/01 职场文书
手写Spirit防抖函数underscore和节流函数lodash
2022/03/22 Javascript