公众号跳转小程序地图20200608

相关需求链接

滴滴小程序跳转20200527==>https://www.cnblogs.com/bobo1713930654/p/12970872.html

公众号跳转小程序地图20200608==>https://www.cnblogs.com/bobo1713930654/p/13063882.html

 

1.公众号中引入微信官方 js

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

 

2.判断是否在微信小程序环境中

方式一

// web-view下的页面内
function ready() {
  console.log(window.__wxjs_environment === 'miniprogram') // true  ,打印是否是微信小程序环境
}
if (!window.WeixinJSBridge || !WeixinJSBridge.invoke) {
  document.addEventListener('WeixinJSBridgeReady', ready, false)
} else {
  ready()
}

方式二

wx.miniProgram.getEnv(function(res) {
  console.log(res.miniprogram) // true
})

 

3.页面跳转分支处理

 

 

 

 

如果不在小程序中:取H5跳转地图的方式, 现有已完成的默认模式
如果在小程序中:调用滴滴接口http://xxxxxxxx/api/diDiGateway/placeOrder.do时useWay传H5 , 待开发ing

 

4.如果在小程序中,则使用以下js方法跳转到 "C端平台小程序"

请求参数说明

英文参数	中文释意	具体样例	额外说明
path	地址	encodeURIComponent( 'http://weixin1.xxxxx.com/wxH5Address/middlePath?key1=value1&key2=value2&...............&keyN=valueN)	当前path回显路径,内含 与被保人关系,因障原因,联系人姓名,联系电话 等字段, path需要整段做encodeURIComponent以防中文传参回传乱码现象
longitude	经度	120.1544267459361	请求小程序时需要携带
latitude	纬度	30.272601179016583	请求小程序时需要携带

 

H5中跳转小程序代码样例

wx.miniProgram.navigateTo({
            url: '/pages/common/map/map?longitude='+longitude+'&latitude='+latitude+'&path='+path
})

 

小程序截图

 

 小程序实际返回报文(读者无需关心),纯记录:

{"address":"浙江省杭州市西湖区天目山路2号","errMsg":"chooseLocation:ok","poiid":"City","latitude":30.272601179016583,"name":"耀江发展中心大厦(环城北路305号)","longitude":120.1544267459361}

 

 

 

5. "小程序"中选完地址后返回H5

以上图为例,小程度点击"上海银行(武林支行)"后, 将会跳回H5地址 path+'longitude='+longitude+'&latitude='+latitude+'&name='+encodeURIComponent(name)+'&address='+encodeURIComponent(address)+'&province='+encodeURIComponent(province)+'&city='+encodeURIComponent(city)+'&district='+encodeURIComponent(district)
此时会重定向到 H5本身传入的path完整路径, 额外附加经度,纬度,位置名称,详细地址四个参数

返回参数说明

英文参数	中文释意	具体样例	额外说明
path	地址	http://weixin1.xxxxx.com/wxH5Address/middlePath?key1=value1&key2=value2&...............&keyN=valueN	跳转的绝对地址
longitude	经度	120.1544267459361	返回H5时不用回显,但是请求小程序时需要携带
latitude	纬度	30.272601179016583	返回H5时不用回显,但是请求小程序时需要携带
name	位置名称	上海银行(武林支行)	返回H5时回显需要,但是请求小程序时不用携带
address	详细地址	西湖区天目山路2号	返回H5时回显需要,但是请求小程序时不用携带
province	省	浙江省	返回H5时回显需要,但是请求小程序时不用携带
city	市	杭州市	返回H5时回显需要,但是请求小程序时不用携带
district	区	西湖区	返回H5时回显需要,但是请求小程序时不用携带