0305微信小程序开发:切换地图类型、布局

        今天琢磨了好几个小时才弄好地图的切换功能。一般来说遥感影像有更高的分辨率,也跟我们要实验使用的数据非常接近,是最适合实地采集样本的。但考虑到不少用户对遥感影像比较陌生,因此需要添加一个地图的切换功能。实现起来其实比较简单,把地图的enable-satellite属性设置为布尔变量,当用户点击按钮时就改变布尔变量的值。害,这一句话的事情我找了一整天。

wxml:

<map id="myMap" show-location="false" latitude="{{lat}}" longitude="{{lon}}"

      enable-satellite="{{Satemap}}" markers="{{markers}}" circles="{{circles}}"

      bindregionchange="regionChange"  show-compass="true"

      show-scale="true" scale="{{scale}}">

      </map>

js:

switchMap: function () {

    var that = this;

    that.setData({

      Satemap: !that.data.Satemap

      })

  },

        之前把小程序发到师门群里,师姐们认为这需要一个美工。今天对小程序的界面进行了一些改正。看到了一篇不错的文章(https://blog.csdn.net/unteny/article/details/97492302)终于弄明白了wxss里面那些.#是怎样的一个用法,也优化了一下布局,主要是用百分比来使得界面在不同大小的屏幕上有一致的效果,以及form组件的对齐。但是审美还是很迷,之后再咨询一下别人吧。

        图片上传的话,我直接拷贝了云开发案例里面的图片上传功能。这个功能可以让用户通过拍照或相册上传照片。但跟我们需要的还是有点距离,一是拍选择照片之后没有在主界面进行显示,二是选择完就直接上传了,这会导致一些无用的照片误传到数据库中。明天找一下其他开发者实现的例子,这个功能还是很常见的。另外,在小程序上选择样本形状,多边形还是圆形,以及怎么绘制多边形并进行存储,这是很令人头大的,希望能快点找到解决方案。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • “臣女与殿下相交不深,亦知殿下非凉薄之人,想那易将军不会驽钝过臣女。”绮霞走近案前,才发现长公主看的并不是书卷,而...
    籽盐阅读 454评论 0 0
  • 一、范文比对 刚才吃完午饭,我抽空学习了一下唐伟胜老师最新在他微信公众号《唐老雅英语写作工作室》发表的范文受益匪浅...
    若水Dewlight阅读 686评论 0 1
  • 今年的职称评审角逐又来了,晚上开了全校教师会议。今年的评审和往年又有些不一样,是连续两年没有名额后,再一次有了参评...
    装蝴蝶朱阅读 510评论 0 1
  • 读的书走的路见的人经的事越多,才越发觉自己知道的太少,而人只有知道自己无知之后,才能从骨子里谦和起来,不再孤芳自赏...
    六爸啦啦啦阅读 222评论 0 0
  • 去了电影院,才知道过年人都去哪了 强烈推荐一部新春好电影——飞驰人生。电影很喜很燃!喜到笑中带泪,燃到人生炸裂 电...
    蓝鸟_01a4阅读 466评论 0 1

友情链接更多精彩内容