乐趣区

关于前端:如何生成类似L7中的城市海量笑fake点

jiezi

每个用过 L7 的小伙伴应该都 demo 里那些又酷又炫的城市点印象粗浅吧，某个机缘巧合，我也须要这样的一组数据，然而，我只能手动在地图上刨到这个中央的一个卫星图。。。这个和海量点的差距，十万八千里好么【掀桌子】。。。。
没有 GIS 的小伙伴，没有数据，没有钱，然而要成果。。。好吧，本人入手。
上面是菜单。

原料

  1. Qgis 软件（别问为什么不是 ArcGIS，收费，反对 mac）
  2. 一个 修建的经纬度点（你至多得看的到你须要的货色，参考）
  3. 高德地图（L7 也是阿里的，同系的话免去坐标转换，QGis 中所见及所得）

步骤

此处省略装置 Qgis 的所有过程。此时的我还并不会应用 Qgis，所以我尽量写的具体，争取大家看教程的时候，依照步骤来就能做。

  1. QGis 中创立一个工程，留神工程的坐标系抉择（CGC2000 4480），抉择不对的状况，会导致标记点坐标就偏到天上了
  2. 你须要一个底图（这里能够间接抉择高德矢量图，外面有各种元素的矢量图，例如路线，河流，修建，绿地等）

(1)右键 XYZ Tiles——>(2)新建链接——>(3)输出 URL

URL 请自行百度，我这填的是 (http:////webst02.is.autonavi.com/appmaptile?style=6&x={x}&y={y}&z={z})
此处贴出链接能够获取到须要的其余的底图的 URL，比方路网什么的，外面有很多，按需自取
https://blog.csdn.net/lx22722…

我这里应用的是高德卫星图，为什么呢？因为矢量图里出于法规或者窃密的要求，可能局部区域就没有货色，卫星图里元素齐全，就是比拟糊，咱们须要本人去获取它的轮廓，经尝试，高德最大的缩放比例在 1:6650。如果还是很糊的话，倡议应用天地图（收费底图中的佼佼者，卫星图里最高清的有木有，然而因为坐标有偏移，须要程序或者手动纠偏【捂嘴笑，其实就是拖到正确的地位）

  1. 获取修建的肌理
    这一步根本决定了点的成果，修建轮廓越精密，成果越好。如果想要的点更加精密，则须要提取建筑物轮廓更加清晰，举荐大家去找一些点云数据，没有的话可参考上面链接的文章，有很多种计划能够抉择，比方 mapflow 啊，商汤啊，V2R 等。https://blog.csdn.net/m0_3725…
    http://www.megomap.com/index….
    作者也提供了很多的办法。然而，没钱没数据也不会应用软件，数据区域还比拟隐秘！！这里有一个毛糙的提取方法。Magic wang插件，富人的福音
    应用的办法参考驰名学习网站 B 站视频（7min 不算长），个人感觉和 PS 中的魔棒工具差不多
    https://www.bilibili.com/vide…

获取到的图层大略是上图这样的。

  1. 在这个立体中打上很多的点

    外面有一些配置参数，比方打点的图层抉择，点的密度距离等等，能够一一摸索，抉择适宜本人我的项目的状况。
    打上点之后，咱们还能够去看看点的属性，参考链接中的办法，参考入下链接的方法：https://blog.csdn.net/u012655…

关键步骤图如下

  1. 导出 GeoJson 数据
    抉择一个你须要导出的图层，右键，点击属性图层的属性编辑，通常这样的点集只有 id 这一个属性，导出的时候也没有咱们想要的坐标，这时候新增一个 x 和 y 列，如果想要点基于该坐标系的值，在 x 列输出表达式 $x，y 列输出表达式 $y, 点击更新 ，而后所有点的 x，y 就有值了。


    如果还有别的属性须要补充，只须要新增相应的列，赋值即可（有点儿像 excel 的用法）
    点击保留，敞开属性表后。回到图层，右键导出为 geojson 的格局（前端须要！！）

6. 在 L7 中加载你生成的 geojosn 数据，基于高德的底图，查看点集成果。

补充

  1. Q：随机点乌七八糟不难看怎么办
    (1) 应用创立有序点工具，而后与指定图层做交加或裁剪，生成一组新的点。
    (2)应用网格工具（实用于想要点有序，且绘图色彩的权重属性也须要本人造的状况）
    【2/1】在图层上的多边形内生成一堆的随机点。（工具中生成随机点）
    【2/2】工具箱中，创立一个网格（生成渔网图），网格的密度根据你的坐标系来决定
    【2/3】统计网格内的点的数目，抉择界面【矢量】中的【剖析工具】，点击【统计多边形中的 数量】工具
    【2/4】生成计数图层（每个网格中的随机点的数目）
    【2/5】生成网格的质心点集（工具中的质心工具）
    【2/6】裁剪质心点图层，使之和边界相符合
    【2/7】导出数据（完事！）
    参考链接 https://zhuanlan.zhihu.com/p/…
    (3)turfJS
    应用 turf.isobands 创立不同梯度的 Multipolygon
  2. Q：高德卫星切实是太糊了，我用了别的底图，怎么手动纠偏？
    (1)图层切换为编辑模式
    (2) 抉择顶点工具，选中所有的点
    (3) 点击其中一个基准点，而后挪动，图层中的点都会随之挪动，实现纠偏
    参考链接 https://blog.csdn.net/dq5211/…
  3. Q：我还是本人画吧，怎么创立多边形图层？
    QGis 创立一个多边形，画完 右键 + 输出一个 id才会真正生成一个多边形，或者是画好了之后control+ 点击

以上，这里的操作只针对一些对数据准确度要求不高做演示 demo 的状况。往年开始认真出一些有意思的教程，好的结尾吧，如果有不对的，更好的等等，欢送小伙伴批评指正～比心❤️

退出移动版