leaflet
leaflet分享
孙霸天
孙霸天,GIS、Java开发工程师。专注后台GIS开发、熟悉WebGIS开发、GIS大数据开发。
展开
-
使用leaflet完成测量和存取功能
目标效果可以进行测量功能 可以存取图形边界 将图形保存为Geojson本项目使用的是leaflet,使用了leaflet的测量功能插件(Github传送门:https://github.com/ljagis/leaflet-measure)。基于该方法进行了修改。开始上代码:1.引用的文件<link rel="stylesheet" href="${pageCon...原创 2019-02-27 21:36:58 · 5123 阅读 · 4 评论 -
leaflet—marker总结
今天公司的app需要完成一个需求:在地图上通过自己手动添加一个marker点,然后将坐标等数据(经纬度)传给另个方法中,去获取地理编码信息。最后将坐标信息和地理编码信息以及手动添加的相关点数据一起传给后台去存储。并且在查看信息的时候定位到该坐标位置。分析:0.按钮触发1.需要在地图上获取人手点击的位置(经纬度)2.将经纬度传给marker并在地图上生成3.并且marker点...原创 2019-01-02 19:32:48 · 13961 阅读 · 0 评论 -
leaflet-计算地图边界的重心点经纬度
这两天在给公司做开发的时候,遇到一个需求:标出1000多个村的重心点位置(就是确定一点在村的中心位置的坐标)。以前在做安徽省内的系统时,村子没有那么多也就100左右,当时技术跟不上就用了笨方法,使用人眼去识别村子的经纬度(现在想想好傻呀。。。)。这个方法一是耗时,二是由于是人眼去识别容易出错。这次可是1000多个村子,要是这么搞得要人命!于是乎我就在想如何让代码自己去找重心的位置,这样又快又准...原创 2018-12-20 20:31:12 · 2742 阅读 · 4 评论 -
Leaflet+GP的注意事项
场景一、发布土壤地图插值GP服务:输入参数->IDW(反距离权重法)->重分类(按给定范围划分)->掩模处理->栅格计算器(根据重分类结果生成栅格图)1.参数全部使用英文不要有下划线等特殊符号 2.将需要的改变的数值设置为参数3.IDW需要设置范围(不然生成的结果不会是完整的图)4.工具的属性有很多可以设置的,依据不同的情况进行设置5....原创 2018-10-26 16:06:27 · 545 阅读 · 0 评论 -
leaflet加载各类图层
leaflet.js本身大小只有33k,它能加载的图层种类是有限的,不过可以借助esri-leaflet.js这个插件加载其他的图层,如果需要加载wmts(地图瓦片服务)可以引用leaflet-tilelayer-wmts-src.js来支持。更多的功能支持需要引入其他的插件。leaflet:官方文档:https://leafletjs.com/reference-1.3.4.html#p...原创 2018-10-09 10:27:08 · 14496 阅读 · 0 评论 -
leaflet常用功能整理知识总结
最近一直在和leaflet打交道,就总结一下leaflet常用的功能和插件供自己参考。等我把手头的项目完成,我会把我的代码整理好上传供大家参考交流。一、常用插件1.地图底图切换https://github.com/htoooth/Leaflet.ChineseTmsProviders2.切片地图加载(wmts,支持矢量切片)https://github.com/mylen/...原创 2018-09-03 01:06:09 · 16550 阅读 · 3 评论 -
esri-leaflet地图加载(geojson数据绘制边界)
这两天一直琢磨如何在leaflet的地图上加载地图,查看过官方文档后发现可以使用geojson这个方法来加载我们所需要的地图边界(矢量的边界)。我所使用的数据是国家2000的投影坐标系,要想在leaflet的地理坐标系系的图上展示边界的话,必须要把投影坐标系转换为地理坐标系,既(国家2000----wgs84),方法很简单使用arcgis的坐标转换工具就可以实现,但由于不知道转换的七参数,所以...原创 2018-08-19 22:59:06 · 7430 阅读 · 8 评论 -
Leaflet使用GP服务实现在线插值
前期准备:使用ArcMap发布GP工具 使用leaflet官方的js和css 点数据准备 正式开始:发布gp工具的流程不说了直接上GP截图在发布GP服务的时候需要注意几点为了保证GP的插值是在我们所选的范围内执行,需要设置它的插值范围,右击IDW选择属性->处理范围->选择你要的范围 如果需要给插值服务设置颜色,就必须给输出的结果设置图层符号系统,右击属...原创 2018-07-31 11:07:28 · 1601 阅读 · 3 评论