Vue and Leaflet

功能概述 图层是地理信息系统的基本信息要素，是地理信息主要载体之一。通常一个系统中包含不同专题数据的图层，对这些图层的控制在系统可以说是必备的功能。可

写 leaflet.js 有点无聊啦，接下来的文章会开始介绍 Cesium.js 在 Vue-CLI 中的使用方法。首先对 Cesium.js 进行简单的介绍，因为我一直觉得再了解清楚其定义很重要，这可以帮助你弄清你可以是使用它完成哪些具体事务。 Cesium 的官方介绍也非常…

地图的量测功能，是地理信息系统中的常用功能。主要量测地图上的距离，面积，或者线要素的长度，面要素周长和面积。 这篇文章将介绍第一个基于 leaflet.js 实现地图量测插件 leaflet-measure-path 。使用这个插件的原因是它简单好用，如果你看了之前的文章或掌握…

面绘制功能用户的操作方式和线绘制功能几乎是一模一样的。不同在于对用户操作的响应的部分。二响应部分只有两处不同。 1）当用户添加的点数为1时，地图上的显示线状橡皮筋效果。 2）当用户添加的点数大于2时，地图上的显示线状橡皮筋效果。 *所有的代码都是在第一章的项目结构中添加或者修改…

接着上一篇文章，这里介绍 线绘制 的功能。Leaflet 中因为没有图层渲染的相关类，所以再图形上没有Geometry 和 Graphic 这两个概念没有很明确的划分。这样使得在完成图像功能时，代码会简单了许多。如上一篇文章讲到的提到的**点，线，面的绘制的关键在于根据用户在的…

前面讲了，向地图中添加 marker, polyline, polygon的图形要素。这些功能都是属于比较基础的功能，通常会应用到查询结果或分析结果的展示场景。除此之外，这些基础图形的绘制也是其他高级别功能的基础，例如框选、量测等功能。这章内容就主要讲在地图上实现图像绘制与量测…

上一篇文章中分享了点、线、面的添加，下一步将为大家分享基础的信息绑定。 ​ 在地理信息系统中经常可以看到用户浏览地图时，鼠标移动至地图上某个目标或者点击地图上某个目标，地图都会有相对应的响应。通常当鼠标移动到某个特殊位置上时，首先地图自动显示出一个框关于此位置上的一些简要的…

​ WebGIS 中添加标记或者图形是很常见的功能，如查询结果的图文联动，定位标记点，点图查询等都以此功能展开。而添加graphics是一切图形显示，绘制，编辑等功能的基础。 然后再我们的页面添加使用上述方法的功能，这里我添加一个新的组件，放置示例功能入口。 这里添加 mark…

​ 接着上一篇文章。地图加载成功之后，接下来要开始对对地图的常见功能的实现，一个地图的基本功能包括:地图显示，平移，放大，缩小，定位 等功能。 ​ 通常 WebGIS 中地图平移是最为基本且常用的功能，地图会默认开启平移功能。通常情况下都不需要开发者自己去实现 平移的功能。 ​…