微信小程序如何使用天地图的逆地理编码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);
            }
        })
    },
相关推荐
开开心心就好20 小时前
这款PPT计时工具支持远程控制功能
前端·科技·游戏·edge·pdf·全文检索·powerpoint
BangD20 小时前
前端elementUI el-form个别字段增加校验
前端·vue.js·elementui
码云数智-园园20 小时前
告别Flash:HTML5音视频播放器实战指南
前端·音视频·html5
hpoenixf20 小时前
年轻人的第一个复杂 skill:我把 AI Skill 重做了三次
前端·人工智能
web守墓人1 天前
【linux】Mubuntu v1.0.11更新日志
linux·前端
遇见你...1 天前
TypeScript
前端·javascript·typescript
Highcharts.js1 天前
Highcharts Grid 中文站正式上线:表格数据处理的全新选择
前端·javascript·数据库·表格数据·highcharts·可视化图表·企业级图表
懂懂tty1 天前
CRA 迁移 Rspack(实战)
前端·架构
小码哥_常1 天前
Kotlin 助力 Android 启动“大提速”
前端
GreenTea1 天前
AI 时代,工程师的不可替代性在哪里
前端·人工智能·后端