使用uni-app 地图组件
<p>首先，官方文档：https://uniapp.dcloud.io/component/map.html</p><p>so，easy</p>
<p>但是没什么用~——~，太简单了</p>
<p>uni-app一般内置的使用的是腾讯地图，这个组件使用的地图也是一样的</p>
<p>很坑爹的是，我们看到的地图是</p>
<p>{功能：</p>
<p>带自动定位的</p>
<p>解析地址的</p>
<p>文字性质的</p>
<p>可以查找，筛选的</p>
<p>}</p>
<p>对你没有猜错，这些内容统统没有</p>
<p>但是，这些可以自己做，通过uni-app提供的接口，以及混合使用第三方的接口去实现</p>
<p>就比如，封装好的代码，使用高德地图的api进行逆向的地址解析</p>
<p> 为啥是逆向的尼？</p>
<p> 因为getlocation()这个函数只能获取经纬度，也就是我们一般定义的latitude和longitude</p>
<div class="cnblogs_code">
<pre><span style="color: rgba(0, 0, 0, 1)">getRegeo() {
this.mapContext = uni.createMapContext('map');
this.mapContext.moveToLocation();
//moveToLocation将地图中心移动到当前位置
var that = this
uni.showLoading({
title: '获取信息中'
});
uni.hideLoading()
this.amapPlugin.getRegeo({
success: (data) => {
that.address.name = data.name;
console.log(data)
},
fail: (err) => {
console.log(err)
}
});
uni.getLocation({
type: 'gcj02',
geocode: true,
success(res) {
this.latitude = res.latitude
this.longitude = res.longitude
}
})
},</span></pre>
</div>
<p>上面的自动对齐一下格式哈</p>
<p>里面的数据部分，就直接写到return里面就好啦~</p>
<p>latitude的值 //切记一定要赋值，方便在后面使用marker属性</p>
<p>longitude的值 //同上</p>
<p>还有adress，你可以写成boject的形式，里面直接包含一个name就可以了</p>
<p>调用方便，这个地址的逆向解析就先做到这里啦~</p>
<p>存在的几个问题：</p>
<p>1、上面view部分要调用<map>,直接看官方的文档就可以了</p>
<p>2、使用高德地图接口的时候，要注册高德的开发者，还有文档的配置工作，这些直接百度就好，都有的</p>
<p>hey~还看？你总不可能什么都让我来告诉你吧，去开发吧</p>
<p> </p><br><br>
来源：https://www.cnblogs.com/Young-Zeus/p/16136331.html
頁:
[1]