相关需求链接

滴滴小程序跳转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端平台小程序"

请求参数说明

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完整路径, 额外附加经度,纬度,位置名称,详细地址四个参数

返回参数说明