1.了解html5 geolocation

HTML5 Geolocation(地理定位)用于定位用户的位置。

鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。=> 使用时会有请求提示框，需要用户点击确认。

2.浏览器支持

Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。

对于拥有 GPS 的设备，比如 iPhone，地理定位更加精确。

3.一个实例。

function position() {

//判断浏览器是否支持定位

if(navigator.geolocation) {

//这里接受两个参数 定位成功则执行第一个函数，否则执行第二个

navigator.geolocation.getCurrentPosition(showPosition, showError);

} else {

alert("不支持定位");

};

};

//接受一个参数 参数为对象

function showPosition(position){

//position中有一个coords 这个下面 有latitude：纬度 longitude：经度

$.ajax({

type: "get",

url: "http://api.map.baidu.com/geocoder/v2/?callback=renderReverse&location=" + position.coords.latitude + "," + position.coords.longitude + "&output=json&pois=1&ak=DMCiysDe5wZUpPeTa7xZqUGnoFIUofmi",//这个ak可以去百度地图申请

async: false,

dataType:"jsonp",

success: function(data) {//拿到返回的地址信息

return data;

}

});

};

//err

//接收一个错误参数

function showError(error){

switch(error.code) {

case error.PERMISSION_DENIED:

alert("定位失败,用户拒绝请求地理定位");

break;

case error.POSITION_UNAVAILABLE:

alert("定位失败,位置信息是不可用");

break;

case error.TIMEOUT:

alert("定位失败,请求获取用户位置超时");

break;

case error.UNKNOWN_ERROR:

alert("定位失败,定位系统失效");

break;

};

};

HTML5 调用百度地图API地理定位

HTML5 HTML5 调用百度地图API地理定位实例

集成百度地图API实现定位

版权声明:本文为博主原创文章.未经博主同意不得转载. https://blog.csdn.net/u010982006/article/details/32347107 一．百度地图API获取定位 A ...

百度地图API，定位您的当前位置

1.介绍 利用百度地图的API来定位您的所属位置,这个位置返回的是经纬度,而不是具体的汉字位置.利用经纬度,再显示在百度地图上的位置. 2.代码

& ...

利用百度地图api实现定位

使用百度地图api前需要先获取一个百度地图开放平台的访问应用AK, 获取百度地图开放平台访问应用AK方式:注册百度账号-->申请百度开发者-->获取密匙-->使用相关功能. 注册账号 ...

PhoneGap Geolocation结合百度地图api获取地理位置api

一.使用百度地图API 1.地址:http://developer.baidu.com/map/ 2.在js DEMO中获取反地址解析的DEMO 3.修改这个DEMO的密钥,去创建应用就能创建密钥,然 ...

百度地图api根据定位获取附近商家(只获取屏幕内)

根据中心点坐标计算出屏幕2个点(一个最低经纬度,一个最高经纬度),判断这两个点中间的所有坐标的商家..考虑屏幕分辨率之类 移动地图中心点变动,如何异步刷新,判断商家是否已经存在..等... 百度地图a ...

android 基于百度地图api开发定位以及获取详细地址

一:百度地图开发必须要到百度开发平台android开发api下载相应的库,已经申请百度地图开发key. 二:新建项目baidumaplocation.设计main.xml文件这里注意的是MapView ...

关于用模拟器运行百度地图API无法定位的问题 - 不能用模拟器

模拟器是没有办法定位,当你加入定位模块的时候,传出的参数都是空的. 定位的这个方法函数,是通过回调接口来实现,而且触发该事件的时候,需要经纬度位置改变.官方文档写得很清楚,简单点来说,就是你没有GPS ...

初试百度地图API

第一次使用百度地图API来定位并显示,参照了官网2.1.0版本demo里的DemoApplication和LocationOverlayDemo两个类来写,整了半天显示一片空白(图一),然后郁闷了半天 ...

随机推荐

玩转Django的POST请求 CSRF

玩转Django的POST请求 CSRF 不少麻油们玩django都会碰到这个问题,POST请求莫名其妙的返回 403 foribidden,希望这篇博文能解答所有问题 三种方法 To enable ...

Release编译模式下，事件是否会引起内存泄漏问题初步研究

题记:不常发生的事件内存泄漏现象 想必有些朋友也常常使用事件,但是很少解除事件挂钩,程序也没有听说过内存泄漏之类的问题.幸运的是,在某些情况下,的确不会出问题,很多年前做的项目就跑得好好的,包括我也是 ...

Socket通信的理解

1.Socket(套接字) 是支持TCP/IP通信的基本操作单元.包含通信的五种必须信息:通信使用的协议,本机IP和端口,远程IP和端口. 2. 1.TCP连接 手机能够使用联网功能是因为手机底层实现 ...

js在php 中出现 unterminated string literal 解决方法

出现这个问题就是空格造成的(可清空格符,换行符等) 示例代码如下: php 下报错 <?php echo "

ubuntu杂记

安装ssh: sudo apt-get install openssh-server sudo /etc/init.d/ssh start 将主机中vmware8的网络改为自动获取ip,就可以ping ...

javascript二维数组排序

js使用sort()函数对二维数组快速排序的写法 作者:admin    时间:2015-7-3 9:31:4    浏览:1847 js数组的排序方法有很多,冒泡法,插入法等等,不过对于数组的排序来 ...

Struts2学习笔记&lpar;十一&rpar;——文件上传

1.单文件上传 单文件上传步骤: 1)创建上传jsp页面 文件上传的表单提交方式必须是POST方式,编码类型:enctype="multipart/form-data",默认是 a ...

想知道谁是你的最佳用户？基于Redis实现排行榜周期榜与最近N期榜

本文由云+社区发表 前言 业务已基于Redis实现了一个高可用的排行榜服务,长期以来相安无事.有一天,产品说:我要一个按周排名的排行榜,以反映本周内用户的活跃情况.于是周榜(按周重置更新的榜单)诞生了 ...

mysql 和 sqlserver sql差异比较

mysql:select * from table_name limit 100,200;--取出从100到200的数据 获取时间:mysql:now() mysql tinyint(0,1) → b ...