php获取微信地理位置百度地图,微信公众号 获取地理位置坐标并转换成百度坐标 再通过经纬度及百度接口查询出详细地理位置...

前提:

0b11e3406eb8

0b11e3406eb8

0b11e3406eb8

百度地图新建ak

网址:http://lbsyun.baidu.com/apiconsole/key

我这儿用的是tp3.2做的

0b11e3406eb8

WechatJs 是用到的类

JSSDK配置参数获取: 标准的JSSDK的票证

public function map(){

$appid = C ( "WX_APPID" ); //appid

$appsecret = C ( "WX_CRYPT" ); //appscrypt

$jssdk = new WechatJs($appid, $appsecret);

$signPackage = $jssdk->GetSignPackage();

$this->assign('signPackage',$signPackage);

$this->display();

}

//前端页面 map.html

//JSSDK配置参数 通过config接口注入权限验证配置

wx.config({

debug: false,

appId: '{$signPackage.appId}',

timestamp: '{$signPackage.timestamp}',

nonceStr: '{$signPackage.nonceStr}',

signature: '{$signPackage.signature}',

jsApiList: [

'checkJsApi',

'onMenuShareTimeline',

'onMenuShareAppMessage',

'onMenuShareQQ',

'onMenuShareWeibo',

'hideMenuItems',

'showMenuItems',

'hideAllNonBaseMenuItem',

'showAllNonBaseMenuItem',

'translateVoice',

'startRecord',

'stopRecord',

'onRecordEnd',

'playVoice',

'pauseVoice',

'stopVoice',

'uploadVoice',

'downloadVoice',

'chooseImage',

'previewImage',

'uploadImage',

'downloadImage',

'getNetworkType',

'openLocation',

'getLocation',

'hideOptionMenu',

'showOptionMenu',

'closeWindow',

'scanQRCode',

'chooseWXPay',

'openProductSpecificView',

'addCard',

'chooseCard',

'openCard'

]

});

//通过ready接口处理成功验证,加载直接调用的程序放在ready中,这里目前为空

wx.ready(function () {

});

//这块是用jQuery来把wx.getLocation获取到的值显示在页面中的id=LocationText的位置

//document.querySelector('#btnToLocation').onclick = function () {

$(document).on("click","#btnToLocation",function(){

gotoLocation();

});

function gotoLocation(){

wx.getLocation({

success: function (res) {

var latitude = res.latitude; //纬度

var longitude = res.longitude; //经度

var locationStr = "latitude:"+latitude+","+"longitude:"+longitude;

$.ajax({

url: "{:U('Demo/test')}",

type: "POST",

data: {Latitude:latitude,Longitude:longitude},

dataType: "json",

success: function(json){

var latitudeNew = json.latitudeNew;

var longitudeNew = json.longitudeNew;

var locationNewStr = "latitudeNew:"+latitudeNew+","+"longitudeNew:"+longitudeNew;

alert(locationStr + ";" + locationNewStr);

$("#locationText").text(locationStr + ";" + locationNewStr);

location.href="http://api.map.baidu.com/direction?origin="+latitudeNew+","+longitudeNew+"&destination=国贸地铁站&mode=driving&region=北京&output=html&ak=yourBaiduAK";

//百度地图坐标拾取网址:http://api.map.baidu.com/lbsapi/getpoint/index.html,获得测试地址国贸地铁站的经纬度

//百度地图路线规划WebAPI网址:http://lbsyun.baidu.com/index.php?title=webapi/direction-api

},

error: function(){

alert("有错误!");

}

});//end ajax

},

cancel: function (res) {

alert('用户拒绝授权获取地理位置');

},

fail: function (res) {

alert(JSON.stringify(res));

}

});//end wx.getLocation

}//end function

wx.error(function (res) {

alert(res.errMsg);

});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值