腾讯地图之地图选点组件隐藏返回当前位置按钮

本文介绍了如何通过中间接口中转腾讯地图的定位选择组件,实现iframe内容的任意操作。示例代码展示了如何使用GET方法获取HTML,并替换特定URL前缀以及移除不必要的参数,确保location.png图片的正确加载。该方法对于前端开发者集成地图选点功能具有参考价值。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

https://lbs.qq.com/webApi/component/componentGuide/componentPicker

写个中间接口中转腾讯的HTML,完全接手地图选点页面,任意操作 iframe 内容。

特别注意,iframe新的中转地址,同样要加上key参数!!! 

<iframe frameborder='0' src="http://www.ylb.com/pickerLocation?key=XXXXXXXXXXXXXXXXXXXXXXXXX&referer=myapp&type=1" />
    @GetMapping(value = "/pickerLocation")
    public String pickerLocation() {
        String html = HttpKit.get("https://apis.map.qq.com/tools/locpicker?key=XXXXXXXXXXXXXXXXXXX&referer=myapp&type=1");
        return html.replace("./", "https://mapapi.qq.com/web/mapComponents/locationPicker/v/").replace("go-back-pos", "");
    }

location.png 这张图要单独处理下,写个接口返回,或者设置一个base标签。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值