js 获取地理位置经纬度

1、 加载百度API的核心js,ak表示获取百度地图的开发密钥,免费的需要申请下

  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=42b8ececa9cd6fe72ae4cddd77c0da5d"></script>

2、代码:

  

    //设置默认地理位置 访问失败时使用默认地理位置

   var defaultPosition="121.48479060028a31.234309729773";

 1 if($.cookie("appPoi")==null||$.cookie("appPoi")=="undefined"||$.cookie("appPoi")==undefined){
 2                 var geolocation = new BMap.Geolocation();
 3                 geolocation.getCurrentPosition(function(r){
 4                     if (r.point != undefined) {
 5                         $lng = r.point.lng;
 6                         $lat = r.point.lat;
 7                     }
 8                     if (r.longitude != undefined) {
 9                         $lng = r.longitude;
10                         $lat = r.latitude;
11                     }
12                     if($lng != 0){
13                         $.cookie("appPoi",$lng + "a" + $lat,{expires:1});
14                     }
15                     if(this.getStatus() == BMAP_STATUS_SUCCESS){
16                         appPoi = $lng + "a" + $lat;
17                     } else {
18                         appPoi = defaultPosition;
19                     }
20
21                 },{    enableHighAccuracy: true,
22                     timeout:3000,
23                     maximumAge:5000*60});
24             }else{
25                 appPoi = $.cookie("appPoi");
26             }

在后台 接受到经纬度后裔‘a‘为分隔符分开并进行地址解析(解析方法见工具类)

时间: 2024-12-11 12:10:42

js 获取地理位置经纬度的相关文章

微信js获取地理位置

1.绑定域名 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”. 备注:登录后可在“开发者中心”查看对应的接口权限. 2.引入js文件 <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> <script type="text/javascript" src=

网页JS获取当前地理位置(省市区)

转载自:http://www.cnblogs.com/ZHF/p/4169634.html 1.手机WEB定位方法: var getLocation = function (successFunc, errorFunc) { //successFunc获取定位成功回调函数,errorFunc获取定位失败回调 //首先设置默认城市 var defCity = { id: '000001', name: '北京市', date: curDateTime()//获取当前时间方法 }; //默认城市 $

使用JS获取当前地理位置方法汇总(如用谷歌接口,会出再以上报错,必须申请密钥并设置接受服务器IP!!!)

RefererNotAllowedMapError 错误 加载 Google Maps JavaScript API 的当前 URL 尚未添加到允许的引用站点列表中.请在 Google API Console 上检查您的 API 密钥的引用站点设置. 请参阅 Google API Console 中的 API 密钥.如需了解详细信息,请参阅 API 密钥安全使用最佳实践. 如用谷歌接口,会出再以上报错,必须申请密钥并设置接受服务器IP!!! 今年的项目开发中,初步接触了移动端WEB开发,也就边学

微信小程序正确的异步request请求,根据经纬度获取地理位置信息

微信小程序的所有request请求都是异步的,不支持同步.但是在请求时可能会耗费一定时间,这样的话在获取返回数据时可能方法还没有执行完就已经进行赋值操作了.我遇到的就是拿到的数据为undefined. 解决办法,使用回调函数,等操作完成后再更改原来的值. 贴代码:(这是根据经纬度获取地理位置的一个方法) function GetAddress(latitude, longtitude, callback, errorCallback) { var geturl = 'https://api.ma

小程序获取地理位置(经纬度)

html页面 <view class="map" bindtap='map'> 定位 </view> js页面 map() { // 在组件实例进入页面节点树时执行 var _this = this wx.getSetting({ success(res) { // 1. scope.userLocation 为真, 代表用户已经授权 if (res.authSetting['scope.userLocation']) { // 1.1 使用 getlocati

通过window.navigator对象获取地理位置信息并在百度地图上显示

通过window.navigator对象获取地理位置信息 Geolocation API:用户可共享地理位置,并在Web应用的协助下享用位置感知服务(location-aware services) window.navigator下的geolocation 对象的 getCurrentPosition 方法可以获取当前位置.getCurrentPosition 方法将发起对位置信息的异步请求并将立即返回.如果该请求成功完成,则调用用来实现位置数据接收的成功回调. 下面演示如何调用 getCur

基于HTML5的Geolocation获取地理位置,配合Google Map API反向地址解析(获取用户真实地址)

html 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <title>Geolocation获取地理位置,配合Google Map API

Html5 Geolocation获取地理位置信息(转)

Html5中提供了地理位置信息的API,通过浏览器来获取用户当前位置.基于此特性可以开发基于位置的服务应用.在获取地理位置信息前,首先浏览器都会向用户询问是否愿意共享其位置信息,待用户同意后才能使用. Html5获取地理位置信息是通过Geolocation API提供,使用其getCurrentPosition方法,此方法中有三个参数,分别是成功获取到地理位置信息时所执行的回调函数,失败时所执行的回调函数和可选属性配置项. 如下Demo演示了通过Geolocation获取地理位置信息,并在百度地

微信js-sdk开发获取签名和获取地理位置接口示例

### 微信js-sdk开发获取签名和获取地理位置接口示例 前言:在做微信公众号开发时需要获取用户的地理位置信息,之前通过高德或者百度.腾讯等地图的api时发现经常获取不到,毕竟第三方的东西,后来改为采用微信内置的js-sdk中的获取地理位置接口,在这主要记录下签名的获取(麻烦点)和一个获取地理位置的例子. 准备工作: 微信测试号appid和appsecret 获取地址:微信测试账号获取 在测试账号里先填写接口配置信息和js接口安全域名(这个是必须的) 示例:页面中需要点击图标获取地理位置信息