相關需求鏈接
滴滴小程序跳轉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時回顯需要,但是請求小程序時不用攜帶 |