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

阅读: 评论:0

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

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

前提:

百度地图新建ak

网址:

我这儿用的是tp3.2做的

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

通过getLocation再转换百度坐标后直接打开百度导航

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

debug: false,

appId: '{$signPackage.appId}',

timestamp: '{$signPackage.timestamp}',

nonceStr: '{$Str}',

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中,这里目前为空

});

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

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

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

gotoLocation();

});

function gotoLocation(){

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="="+latitudeNew+","+longitudeNew+"&destination=国贸地铁站&mode=driving&region=北京&output=html&ak=yourBaiduAK";

//百度地图坐标拾取网址:.html,获得测试地址国贸地铁站的经纬度

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

},

error: function(){

alert("有错误!");

}

});//end ajax

},

cancel: function (res) {

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

},

fail: function (res) {

alert(JSON.stringify(res));

}

});//Location

}//end function

<(function (res) {

Msg);

});

本文发布于:2024-01-30 02:48:59,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170655414418707.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:坐标   地理位置   经纬度   公众   接口
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23