微信小程序如何使用天地图的逆地理编码api

本文只介绍如何使用天地图api,如若要显示天地图,使用 web-view

天地图逆地理编码api

1、使用wx.request 发送请求

js 复制代码
 getLocation() {
       wx.getLocation({
            type: 'gcj02',
            success: (res) => {
                // 调用天地图逆地理编码api
                this.initTianDiMap(res.longitude, res.latitude)
            },
            fail: (err) => {
                 console.log('err', err);
            }
        })
     }
     
     initTianDiMap(longitude, latitude) {
        let that = this
        wx.request({
            url: 'http://api.tianditu.gov.cn/geocoder', //逆地理编码接口地址
            data: {
                postStr: JSON.stringify({'lon':longitude,'lat':latitude,'ver':1}),
                type: 'geocode',
                tk: '2826428fe95fecce4433373ebf0d9945'
            },  //逆地理编码接口参数
            success: function (res) {
                console.log(143, res.data);
            },
            fail: function (res) {
                console.log(res.errMsg);
            }
        })
    },
相关推荐
小贤哥11 分钟前
死磕这几道js手写题
前端·程序员
Lee川13 分钟前
🌐 深入 Chrome 浏览器:从单线程到多进程架构的进化之路
前端·架构·前端框架
学以智用15 分钟前
Vue 3 项目核心配置文件详解
前端·vue.js
工边页字18 分钟前
AI 开发必懂:Context Window(上下文窗口)到底是什么?
前端·人工智能·后端
Mr_Swilder20 分钟前
intel显卡本地部署大模型
前端
yuki_uix20 分钟前
Promise 与 async/await:从回调地狱到优雅异步的演进之路
前端·javascript
over69723 分钟前
📸《拍照记单词》—— 从零到上线的完整开发指南(超详细版)
前端·人工智能·产品
毛骗导演24 分钟前
万字解析 OpenClaw 源码架构-架构概览
前端·架构
天才熊猫君32 分钟前
Flex布局深度解析:为什么我的Flex项目不按预期收缩?
前端
风雪心33 分钟前
Antd组件库Form的onValuesChange和getFieldsValue的调用时机分析
前端