今天琢磨了好几个小时才弄好地图的切换功能。一般来说遥感影像有更高的分辨率,也跟我们要实验使用的数据非常接近,是最适合实地采集样本的。但考虑到不少用户对遥感影像比较陌生,因此需要添加一个地图的切换功能。实现起来其实比较简单,把地图的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组件的对齐。但是审美还是很迷,之后再咨询一下别人吧。
图片上传的话,我直接拷贝了云开发案例里面的图片上传功能。这个功能可以让用户通过拍照或相册上传照片。但跟我们需要的还是有点距离,一是拍选择照片之后没有在主界面进行显示,二是选择完就直接上传了,这会导致一些无用的照片误传到数据库中。明天找一下其他开发者实现的例子,这个功能还是很常见的。另外,在小程序上选择样本形状,多边形还是圆形,以及怎么绘制多边形并进行存储,这是很令人头大的,希望能快点找到解决方案。