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

大熊猫玩菜刀

已于 2022-06-10 15:03:18 修改

阅读量1.1k

点赞数

分类专栏：前端文章标签：地图

于 2022-06-10 12:48:47 首次发布

本文链接：https://blog.csdn.net/u013727805/article/details/125219462

版权

前端专栏收录该内容

16 篇文章

订阅专栏

本文介绍了如何通过中间接口中转腾讯地图的定位选择组件，实现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", "");
    }