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 解析json的代码
Dec 16 Javascript
使用jquery实现IE下按backspace相当于返回操作
Mar 18 Javascript
IE中的File域无法清空使用jQuery重设File域
Apr 24 Javascript
一款由jquery实现的整屏切换特效
Sep 15 Javascript
JS+CSS相对定位实现的下拉菜单
Oct 06 Javascript
JavaScript动态数量的文件上传控件
Nov 18 Javascript
JavaScript实现拖拽元素对齐到网格(每次移动固定距离)
Nov 30 Javascript
Bootstrap基本样式学习笔记之按钮(4)
Dec 07 Javascript
Vue中之nextTick函数源码分析详解
Oct 17 Javascript
快速解决处理后台返回json数据格式的问题
Aug 07 Javascript
Jquery高级应用Deferred对象原理及使用实例
May 28 jQuery
浅析JavaScript预编译和暗示全局变量
Sep 03 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 连接mysql连接被重置的解决方法
2011/02/15 PHP
PHP笔记之:日期函数的使用介绍
2013/04/24 PHP
探讨各种PHP字符串函数的总结分析
2013/06/05 PHP
php+mysql大量用户登录解决方案分析
2014/12/29 PHP
php常用经典函数集锦【数组、字符串、栈、队列、排序等】
2019/08/23 PHP
PHP连续签到功能实现方法详解
2019/12/04 PHP
JS中for循序中延迟加载动态效果的具体实现
2013/08/18 Javascript
node.js中的http.response.write方法使用说明
2014/12/14 Javascript
JavaScript获取网页中第一个图片id的方法
2015/04/03 Javascript
javascript实现全角半角检测的方法
2015/07/23 Javascript
js实现创建删除html元素小结
2015/09/30 Javascript
jquery对table做排序操作的实例演示
2017/08/10 jQuery
Vue结合SignalR实现前后端实时消息同步
2017/09/19 Javascript
微信小程序录音与播放录音功能
2017/12/25 Javascript
JS常见构造模式实例对比分析
2018/08/27 Javascript
element-ui组件中input等的change事件中传递自定义参数
2019/05/22 Javascript
vue-router结合vuex实现用户权限控制功能
2019/11/14 Javascript
JavaScript如何使用插值实现图像渐变
2020/06/28 Javascript
jQuery实现简单评论功能
2020/08/19 jQuery
[46:55]完美世界DOTA2联赛决赛 FTD vs Phoenix 第三场 11.08
2020/11/11 DOTA
python在命令行下使用google翻译(带语音)
2014/01/16 Python
Python实现TCP协议下的端口映射功能的脚本程序示例
2016/06/14 Python
numpy中以文本的方式存储以及读取数据方法
2018/06/04 Python
python指定写入文件时的编码格式方法
2018/06/07 Python
基于Python3.6+splinter实现自动抢火车票
2018/09/25 Python
Python3爬虫爬取英雄联盟高清桌面壁纸功能示例【基于Scrapy框架】
2018/12/05 Python
Python使用pandas和xlsxwriter读写xlsx文件的方法示例
2019/04/09 Python
使用Python创建简单的HTTP服务器的方法步骤
2019/04/26 Python
python 用所有标点符号分隔句子的示例
2019/07/15 Python
python实现字符串完美拆分split()的方法
2019/07/16 Python
自适应线性神经网络Adaline的python实现详解
2019/09/30 Python
Django 实现 Websocket 广播、点对点发送消息的代码
2020/06/03 Python
Lookfantastic葡萄牙官方网站:欧洲第一大化妆品零售商
2018/03/17 全球购物
西班牙用户之间买卖视频游戏的平台:Wakkap
2020/03/21 全球购物
幸福中国演讲稿
2014/09/12 职场文书
2017年寒假少先队活动总结
2016/04/06 职场文书