uni-app 之地图 map

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   uni-app 之地图 map      这张是5 中国的那种uni-app 之地图 map   这张是18 我们庄的那种uni-app 之地图 map

下一步: 标记点   顾名思义  就是在地图上标记了一个类似位置的标记点

    

  

uni-app 之地图 map

上一篇:android:layout_gravity和android:gravity属性的区别


下一篇:Python爬虫新手教程:手机APP数据抓取 pyspider