H5 上使用腾讯位置服务选择收货信息

码农遇见菜鸟

于 2024-08-04 18:56:19 发布

阅读量223

点赞数 1

文章标签： java javascript android

本文链接：https://blog.csdn.net/weixin_40597855/article/details/140909861

版权

效果图
在这里插入图片描述

首先需要在腾讯位置服务上申请你自己的key，可参考地图选点组件

// 点击打开地图
backurl 是点击选中的位置点后，页面跳转至要返回的地址（backurl），会将位置信息添加到回跳地址（backurl）上。

    $(document).on("click",".addressimg",function(){
        window.location.href="https://apis.map.qq.com/tools/locpicker?search=1&type=0&backurl=backurl&key=你自己的key&referer=myapp"
  
    })

获取到地址信息后地址上会携带地址信息的参数，获取地址上的参数，填入到页面上

 let linkurl = location.href;
    let urlParams = new URLSearchParams(linkurl);
    let addr = urlParams.get('addr');
    let citys = urlParams.get('city'); 
    if(addr){
        $("#detail").val(addr);
        $("#location").val(citys)
    }