微信小程序如何使用天地图的逆地理编码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);
            }
        })
    },
相关推荐
火柴就是我几秒前
每日见闻之Three.js 根据官方demo 理解相机位置
前端
JosieBook10 分钟前
【web应用】基于Vue3和Spring Boot的课程管理前后端数据交互过程
前端·spring boot·交互
刘大猫.17 分钟前
npm ERR! cb() never called!
前端·npm·node.js·npm install·npmm err·never called
咔咔一顿操作21 分钟前
常见问题三
前端·javascript·vue.js·前端框架
上单带刀不带妹22 分钟前
Web Worker:解锁浏览器多线程,提升前端性能与体验
前端·js·web worke
电商API大数据接口开发Cris38 分钟前
Node.js + TypeScript 开发健壮的淘宝商品 API SDK
前端·数据挖掘·api
还要啥名字41 分钟前
基于elpis下 DSL有感
前端
一只毛驴1 小时前
谈谈浏览器的DOM事件-从0级到2级
前端·面试
用户8168694747251 小时前
封装ajax
前端
pengzhuofan1 小时前
Web开发系列-第13章 Vue3 + ElementPlus
前端·elementui·vue·web