
Leaflet API
文章平均质量分 67
本专栏主要介绍Leaflet API库,利用Leaflet API完成地图的加载、涂层的显隐、地图绘制与测量等基本功能
GIS之路
公众号-GIS之路,一个热爱GIS开发的攻城狮
展开
-
基于Supermap for leaflet 定义4490
leaflet 自定义了EPSG4326 、EPSG3395、EPSG3857几个坐标系统,不足以满足我们平时工作的需要,所以一般要自定义坐标系统,并进行坐标转换。我们可以借助Proj4.js库来实现投影转换。Proj4.js官网地址。原创 2022-09-17 20:17:51 · 1326 阅读 · 0 评论 -
基于Supermap for leaflet 的投影转换
leaflet 自定义了EPSG4326 、EPSG3395、EPSG3857几个坐标系统,不足以满足我们平时工作的需要,所以一般要自定义坐标系统,并进行坐标转换。我们可以借助Proj4.js库来实现投影转换。Proj4.js官网地址。原创 2022-09-05 21:33:04 · 1020 阅读 · 0 评论 -
Vue工程搭建Leaflet项目第五弹:聚类分析
前言将物理或抽象对象的集合分成由类似的对象组成的多个类的过程被称为聚类。由聚类所生成的簇是一组数据对象的集合,这些对象与同一个簇中的对象彼此相似,与其他簇中的对象相异 ---- 百度百科总之就是将相似的对象组成一个集合......原创 2022-03-19 22:24:05 · 1650 阅读 · 0 评论 -
Vue工程搭建Leaflet项目第四弹:量测
leaflet 量测实现原创 2022-03-12 20:15:02 · 2559 阅读 · 0 评论 -
Vue工程搭建Leaflet项目第三弹:绘制几何对象(点、线、面)
前言在leaflet中绘制几何对象很简单,通过鼠标单击事件、移动事件获取地图坐标并存储到几何对象中,通过双击事件或者右键事件结束绘制。可以通过添加已经实现了的绘制插件完成,也可以自定义绘制事件绘制几何对象。地图事件应该写为方法的形式,不然关闭绘制点事件的时候会关闭绘制线和面的事件。同理,线和面也如此一、自定义事件绘制(1)绘制点 pointClick() { if (this.isPointClicked) { // 第二次点击的时候退出绘制原创 2022-02-13 12:48:59 · 3769 阅读 · 6 评论 -
Vue工程搭建Leaflet项目第二弹:Marker && Icon展示
前言除了标注、图例外,对于地图上的图层要素、几何对象等进行一定的内容显示或者信息提示是有必要的。在WebGIS开发中通常是通过Popup类来实现,而对于Leaflet来说,除了Popup类之外,还有一个ToolTip类,都是结合Marker类等来展示。1.定义图标var myIcon = L.icon({ iconUrl: Icon, iconSize: [0, 0], // 图标尺寸 iconAnchor: [0, 0], // 图标放置位置 popupAnc原创 2022-01-23 00:11:25 · 1594 阅读 · 1 评论 -
Vue工程搭建Leaflet项目第一弹:地图展示
Vue创建Leaflet项目一:地图展示原创 2022-01-16 15:49:57 · 1279 阅读 · 0 评论