1. 工具版本

早前我们发布了一个基于谷歌地图生成平面图样式的工具。类似于这样:


微思绘图 (6).png


但是这个工具(微思总平图生成器)的局限性很多,只是让地图看起来像一张平面图,但建筑物、路网的形状等均不可以自己修改,行道树的修改也非常繁琐。在结合微思的其他工具的基础上,我们研发了微思草图V2工具。


2. 工具简介

2.1 工具特征


微思草图V2(将)具备这些特点:



目前,我们已经做了一些整合,已经上线了一个测试版本


2.2 与微思WGIS的关系和区别

可能有用户之前接触过微思WGIS,会发现微思草图的操作界面和一些工具类似。那微思草图和WGIS有何区别呢?



如果您侧重于空间可视化表达和数据分析,则建议您使用WGIS,WGIS的空间分析工具包内置了多款空间分析工具,这是微思草图所没有的。如果您侧重于绘图和设计,则建议您使用微思草图,微思草图可以绘制出曲线,有较为丰富的计算机辅助绘图(CAD)工具。微思草图的每个矢量图层均可以导出为geojson格式数据,可以直接加载到微思WGIS中。


2.3 使用场景


微思草图,故名思意,是快速构建草图和碰撞设计思路的工具。尽管缺少部分细节,但是可以帮助我们快速验证想法和思路。

微思草图工具不如桌面CAD软件或位图编辑软件那么高效和精细,这是肯定的。希望它能够成为一个在方案构思或前期方案比对阶段的一个快速辅助工具,帮助设计师决策或快速出具意向示意图等等。


使用场景比如:(1)某个地块,我们通过简单勾画,就能大概知道建多少平米的房子能够实现二级开发的盈利等等。(2)跟甲方前期沟通方案,不用熬夜画多个方案,简单勾画,让甲方确定好一个方向后,再进行深度设计。


3. 使用说明

微思草图比起其他桌面软件,操作简单,容易上手。下面是一段简单的操作视频,您可以参考(操作界面可能略有不同,以最新为准):


3.1 工具栏简介

image.png

所有常用工具均在工具栏中可以找到。从左至右,蓝色按钮分别为:




20200918_134607.gif



3.2 操作面板简介

3.2.1 基本配置面板

image.png


基本配置面板中可以设置阴影大小和方向、吸附图层、底图样式和背景色样式等。其中,画板背景色仅在关闭底图图层时方可显示出来(画板背景色在导出图片时不会被导出)。


3.2.2 属性样式面板

image.png

当我们使用矢量选择工具,选中某个矢量图形时,方可激活该面板。上图中显示了选中了某个建筑物后展示出的属性和样式。


3.2.3 图层列表面板

该面板内可以控制关闭或打开某些图层。在导出图片或绘制过程中都会用到。

image.png

上图中的红色序号1-2,可以设置图层的样式,如透明度和混合模式等。序号3可以将图层内的所有矢量数据导出为geojson格式,方便在WGIS或其他软件中加载。


3.2.4 图形模板面板

该面板中内置了一些标准的图形草图(仅为草图,精度有限),您可以快速从中选择一些图块快速插入到绘图区。比如我们选择一个标准操场,可以直接在绘图区放置一个真实操场大小的图形块,方便我们快速验证我们的设计方案,或直接将其作为设计素材使用。

image.png


3.2.5 数据下载面板

image.png

目前可以将地图中所绘制的所有内容导出为图片或者wisdraw文件。

图片支持导出最大边为6000像素的png图片。

wisdraw文件可方便在下次打开该工具时,恢复之前的绘图内容。

强烈建议在绘图的过程中及时保存或下载过程文件,防止发生意外。


3.2.6 矢量选择右键菜单

image.png

当我们使用矢量选择工具选中某个图形后,点击右键,可以使用上图中的一系列功能。注意:菜单中的顺序移动功能仅是在该图形所在的图层内部移动——比如,不论如何调整某栋建筑的顺序,建筑层永远会在道路层之上。


3.3 基本绘图操作

3.2.1 绘图顺序与图层

启用哪个绘图工具,所绘制的图形就存储在哪个图层上。比如我们用道路绘图工具绘制道路中线,所绘制的内容会自动存储到道路中线图层上,我们用建筑物绘图工具绘制建筑,会自动存储到建筑图层上。同一图层上的图形,可以通过选中后点击鼠标右键来移动它们的排列顺序。

3.2.2 精准绘图操作

如需精准绘图,请使用绘图过程中的参数化工具。在绘制线条或多边形时,会出现参考线(下图序号2),默认的参考线提示了上一次绘制方向的延长方向和垂直方向。并用数字动态提示(下图序号1)当前的长度和距离正北方的角度(正北方顺时针方向为正,逆时针方向为负)。如果需要精准绘图,请在下图红色序号3-4处分别输入距离和角度,点击红色序号5,可以准确定位下一个绘图节点。

image.png

3.2.3 自动生成

道路面由道路中线根据道路宽度自动生成,如果您删除了某条道路中线,重新激活并关闭道路绘图工具后,会重新计算道路面。如果道路中线的属性为“有行道树”,则点击生成行道树按钮后,会自动生成行道树。树木和建筑物的阴影也会在按下计算阴影按钮后重新计算。注意:行道树和阴影无法选择,如果要编辑它们,需要编辑它们的依赖项,比如要调整一栋建筑的阴影,请直接调整该栋建筑的相关属性或形状即可,修改后重新计算阴影,就可以得到最新的阴影形状。

道路和行道树的快速绘制:

20200721_092710.gif


动态阴影的计算(如果阴影无变化,请点击计算阴影工具重新计算):

20200721_092934.gif


3.2.4 树木的绘制

除了行道树外,如果在其他位置绘制树木,可以使用树木绘制工具,目前支持散树丛、排树、点树三种方式。下图展示了散树丛和排树的绘制,点树工具则会一颗颗进行绘制。

20200721_093130.gif


3.2.5 绘图和编辑的撤销操作

为了减轻浏览器运行压力,保持最佳性能,我们仅在部分环节提供撤销操作。

绘图过程中:当任何一款绘图工具激活时,可以撤销(Ctrl+Z)当前绘图工具生命周期内的绘图操作。其生母周期指:工具被激活时开始,工具关闭时结束。如果工具已经被关闭,则上一个生命周期内的绘图则不可以再撤销。如果正在绘制过程中,想删除上一个绘制节点,请按Backspace(退格)键。

移动工具激活过程中:当移动工具激活时,可以撤销(Ctrl+Z)当前移动工具生命周期内的移动操作。

缩放工具激活过程中当移动工具激活时,可以撤销(Ctrl+Z)当前移动工具生命周期内的移动操作。

旋转工具激活过程中当移动工具激活时,可以撤销(Ctrl+Z)当前移动工具生命周期内的移动操作。


其他工具和样式调整等操作暂不支持撤销。


4.绘图示意

我们以临摹下面这张彩平为例(图片来源于网络,侵删)。

image.png

4.1 绘制视图

image.png

激活视图编辑工具,在地图上随意框选一个范围,框选时注意边长尽可能与原始图片相同(可以根据建筑物、道路等简单预判,不会预判也没关系,只要不要差的太离谱即可。为什么要这么做?因为微思草图的很多工具是基于数据自动生成的,如果比例不对,我们设置一个10米的路面可能显示并不准确)。


然后关闭底图图层。我们得到一张空白的画布(底图图层只是一个空间参考的作用,如果需要显示底图可以作为背景层输出,如果不需要,可以直接关闭)。

image.png


4.2 勾勒路网

按下图序号1的位置来激活道路绘图工具,在画布上简单勾勒一个路网,系统会自动根据路宽计算出道路面。在绘制道路中线之前,也可以提前预设该道路的一些基本属性(下图序号2)

image.png

然后使用节点编辑工具和属性样式面板,微调道路的走向和宽度。并将所有的行道树选项设置为“无行道树”(下面截图中暂未设置,请自行设置。因为我们要临摹的图片中基本无行道树环绕地块,所以我们设置为“无行道树”,如果需要行道树环绕地块,请设置为“有行道树”)。

image.png

路网框架完成之后,记住保存一个备份,防止后面发生意外。

image.png


4.3补充细节

绘制广场和建筑物。使用阴影工具,可以自动生成阴影。

image.png

使用地块切割工具,可以自动生成路网之间的地块。分别选中它们,设置为绿色的背景。

image.png

4.4 添加树木

使用树木绘图工具,绘制树丛。

image.png

使用排树工具补充部分行道树。并计算它们的阴影。

image.png

4.5 补充园路

关闭树木和阴影图层,使用圆弧或者S线来补充园路和游步道。圆弧绘制过程中,按下 i 键可以反转圆弧的方向。

image.png

调整图层显示。效果如下:

image.png

4.7 指标统计

image.png

选中我们需要统计的要素,可以对其占地面积、建筑面积等快速求和。


4.8 阴影分析

切换不同的季节和时间,可以分别计算出符合项目地实际情况的阴影长度和方向。如下图分别显示了冬至日和夏至日下午4点的阴影差别。


冬至日阴影:

image.png

夏至日阴影:

image.png


最后添加一些细节,给草地添加材质(设置填充样式为噪点),并微调树的颜色和大小。

如果需要给图形挖洞,则先绘制两个重叠的图形,选中后用“差”来挖洞。

image.png

最终效果如下:

image.png

4.9 源文件下载


📎微思草图 (9).zip


解压后得到wisdraw后缀的文件,可以直接用微思草图加载。




5.常见错误

5.1 图形中含有内部扭结点

下图左侧的绿色图形无内部扭结点,右侧红色图形有内部扭结点。

image.png

上图中右侧红色图形的绘制步骤如下,第4-6个点组成的图形造成了内部扭结。理论上一个多边形的所有节点都应在该多边形的边上,出现内部扭结之后,节点4落在了多边形内部。

image.png

如果您绘制的图形中出现了内部扭结点,则在运行一些运算的时候比较容易出现错误。请尽量不要绘制带有内部扭结点的图形。如果您确实想绘制上图中的这种图形,可以拆分为两个图形,分别绘制