uniapp h5、app获取经纬度、地址

Posted 2023-04-23

参考技术A 1 安装vue-resource, 因为h5请求会跨域,我们需要安装这个插件

2 main.js文件中引入vue-resource并通过命令Vue.user()使用该插件

3 创建一个文件,开始写功能,我是创建了一个工具文件夹utils放在indedx.js文件夹下

4 页面调用,在需要使用的页面引入并调用该函数即可如:home.vue页面

题外话,如果仅需要经纬度,可以直接使用uni.getLocation获取到

uni-app 之地图 map

参考技术A longitude： 经度
latitude： 纬度
scale： 缩放级别，也就是说放大缩下的程度，取值范围是5-18，默认的是16 ，他就是呢值数越大，放大程度越大，看的越细，看村庄的那种
markers： 标记点 就是说你在地图上标记出来的东西
polyline： 路线 可以写两个标记点 然后用路线将他们连接起来
circle： 圆 就是说在地图上画个圈？
controls： 控件 他就是说那 在地图上显示一个控件，但是这个控件并不随着地图移动
include-points： 缩放视野以包含所有的坐标点　这就是说你坐标点很多的时候，缩小时可以看到全部
show-location： 显示带有方向的当前定位点

注意：当时说想做成那种地图上面带有div的 就是说地图上面可以显示门店位置。门店名称的那种，我当时用定位在网页上实现的，但是一到手机上运行的时候，发现显示不出来，后来我仔细看了一下，那个map组件享有最高的优先级，

你用定位之类，根本就实现不了，后来我发现了一个叫<cover-image> 和 <cover-view > 他是可以覆盖在原生组件上的文本视图 但是也有注意点它不支持的css：

position: fixed
opacity
overflow
padding
linebreak
white-space
另外还有： 在APP端它不支持嵌套其他组件，也不支持本身组件的嵌套，app现在<cover-view>只可以不该原生组件video和map， 一定要注意