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 自动分号插入(JavaScript synat:auto semicolon insertion)
Nov 04 Javascript
2010年最佳jQuery插件整理
Dec 06 Javascript
addEventListener 的用法示例介绍
May 07 Javascript
js的toUpperCase方法用法实例
Jan 27 Javascript
javascript显示中文日期的方法
Jun 18 Javascript
不依赖Flash和任何JS库实现文本复制与剪切附源码下载
Oct 09 Javascript
浅析$(function) ready和onload 的区别
Sep 03 Javascript
Vue中控制v-for循环次数的实现方法
Sep 26 Javascript
vue-cli3 从搭建到优化的详细步骤
Jan 20 Javascript
layer更改皮肤的实现方法
Sep 11 Javascript
vue+vant实现商品列表批量倒计时功能
Jan 13 Javascript
vue3.0生命周期的示例代码
Sep 24 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
Laravel框架学习笔记(二)项目实战之模型(Models)
2014/10/15 PHP
php通过修改header强制图片下载的方法
2015/03/24 PHP
laravel学习笔记之模型事件的几种用法示例
2017/08/15 PHP
JS 屏蔽键盘不可用与鼠标右键不可用的方法
2013/11/18 Javascript
js 高效去除数组重复元素示例代码
2013/12/19 Javascript
JS控制一个DIV层在指定时间内消失的方法
2014/02/17 Javascript
jQuery搜索子元素的方法
2015/02/10 Javascript
JavaScript中用let语句声明作用域的用法讲解
2016/05/20 Javascript
无缝滚动的简单实现代码(推荐)
2016/06/07 Javascript
JavaScript中有关一个数组中最大值和最小值及它们的下表的输出的解决办法
2016/07/01 Javascript
jquery购物车结算功能实现方法
2020/10/29 Javascript
[原创]SyntaxHighlighter自动识别并加载脚本语言
2017/02/07 Javascript
NodeJS测试框架mocha入门教程
2017/03/28 NodeJs
AngularJS获取json数据的方法详解
2017/05/27 Javascript
jQuery选择器特殊字符与属性空格问题
2017/08/14 jQuery
使用JavaScript中的lodash编写双色球效果
2018/06/24 Javascript
jQuery实现的隔行变色功能【案例】
2019/02/18 jQuery
我要点爆”微信小程序云开发之项目建立与我的页面功能实现
2019/05/26 Javascript
vue-cli配置全局sass、less变量的方法
2019/06/06 Javascript
js实现录音上传功能
2019/11/22 Javascript
浅谈vue 多个变量同时赋相同值互相影响
2020/08/05 Javascript
python使用rsa加密算法模块模拟新浪微博登录
2014/01/22 Python
python单例模式实例分析
2015/04/08 Python
linux下python抓屏实现方法
2015/05/22 Python
解决Python下json.loads()中文字符出错的问题
2018/12/19 Python
Python3创建Django项目的几种方法(3种)
2020/06/03 Python
使用Python绘制台风轨迹图的示例代码
2020/09/21 Python
HTML5实现表单自动验证功能实例代码
2017/01/11 HTML / CSS
世界闻名的衬衫制造商:Savile Row Company
2018/07/30 全球购物
高中生学习生活的自我评价
2013/10/09 职场文书
酒店司机岗位职责
2013/12/14 职场文书
海南地接欢迎词
2014/01/14 职场文书
党的群众路线教育实践活动整改落实情况自查报告
2014/10/28 职场文书
JS监听Esc 键触发事键
2021/04/14 Javascript
Spring boot应用启动后首次访问很慢的解决方案
2021/06/23 Java/Android
Elasticsearch6.2服务器升配后的bug(避坑指南)
2022/09/23 Servers