uni-app 之地图 map
怎么说呢,,,我们公司啊(忒好啊)是房地产公司,所以我现在写的是一个关于买房卖房一类的APP,用的这个uni-app ,这种app少不了的就是房产经纪人啊,置业部的店铺啊,店铺啊就不用说了,位置被~~~~是吧
看了一下uni-app 的地图给大家实例一下
<map> 说一说属性问题
longitude:经度 latitude:纬度 scale:缩放级别,也就是说放大缩下的程度,取值范围是5-18,默认的是16 ,他就是呢值数越大,放大程度越大,看的越细,看村庄的那种
markers:标记点 就是说你在地图上标记出来的东西 polyline:路线 可以写两个标记点 然后用路线将他们连接起来 circle:圆 就是说在地图上画个圈?
controls:控件 他就是说那 在地图上显示一个控件,但是这个控件并不随着地图移动 include-points:缩放视野以包含所有的坐标点 这就是说你坐标点很多的时候,缩小时可以看到全部
show-location:显示带有方向的当前定位点
大概粗略说一下 我用代码跟大家解释,这个希望大家先看一遍uni-app的地图组件,一下很浅显的我就不跟大家说了
先给大家看个最基本的,根据经纬度 显示这个地图
<map style="width:100%;height:85vh;":latitude="latitude":longitude="longitude" ></map>
js部分:
export default {
data(){ return{ // 经纪人id agentId:0, title: ‘map‘, latitude: 40.013305, //纬度 longitude: 118.685713, //经度
//scale:5,//最小数,缩放范围最大,可见程度最大
//scale:18,//最大数,缩放范围最小,可见程度最小 } } }
看一下图是这样的 这样显示的就是经纬度多对应的地图了 这个是默认的缩放16 然后给大家看一下缩放程度的照片 我上边有些的 绿色的效果 首先展示的是5的 其次是18的
这张是默认的16 这张是5 中国的那种 这张是18 我们庄的那种
下一步: 标记点 顾名思义 就是在地图上标记了一个类似位置的标记点