修复leaflet-measure-path.js在使用过程中平面坐标系量算异常

最新推荐文章于 2022-08-23 18:28:24 发布
于 2020-05-11 10:37:53 发布 401 收藏
分类专栏： GIS JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuliqi0429/article/details/106048994
版权

进过代码跟踪确定问题：

在第263行：

 var crscode = this._map.options.crs.code || 0;

上面没有获取到理想的数据，最理想的是获取到4490,0等数值。

而实际获取到的并非如此，获取到的内容是：EPSG:0，EPSG:4490

所以在ringArea方法中计算面积是出现了问题。

127行

crscode == 0 恒不成立，所以在计算平面坐标系的时候仍然用的是计算球面的面积。导致计算出现严重偏差。

所以对127行进行修正

修正为：

crscode == 'EPSG:0'
玉立琦
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
  • 打赏
    打赏
  • 4
    评论
专栏目录
leaflet-measure:传单地图的坐标，线性和面积测量控件
05-02
传单措施 地图的坐标，线性和面积测量控件。 扩展 。 用法 去做。 添加用法 将控件添加到传单地图 L.Control.Measure leaflet-measure添加L.Control.Measure 。 该控件可与的标准Leaflet控件工作流程一起使用。 可以直接实例化度量控件并将其添加到地图： var myMap = L . map ( 'mapElementId' , options ) ; var measureControl = new L . Control . Measure ( options ) ; measureControl . addTo ( myMap ) ; 或通过工厂实例化： var myMap = L . map ( 'mapElementId' , options ) ; var measureControl = L . control .
leaflet使用draw插件测量距离和面积
最新发布
qq_34736893的博客
02-01 261
leaflet使用插件测量距离和面积
leaflet-measure-path-master.zip
09-15
leaflet为地图增加测距、测面积功能
leaflet-measure-path:显示小叶路径上的测量
05-23
单张测量路径 一个插件，用于显示路径上的测量值（当前支持的折线，多边形和圆）。 用法 加载leaflet-measure-path.js和leaflet-measure-path.css 。 然后，要在路径上启用测量： var polygon = L . polygon ( [ ... ] ) . addTo ( map ) . showMeasurements ( ) ; 以后隐藏测量值： var polygon = L . polygon ( [ ... ] ) . addTo ( map ) . hideMeasurements ( ) ; 原料药 启用路径测量的最简单方法是在创建路径时传递选项showMeasurements: true 。 要控制测量选项，您还可以传递measurementOptions ，请参阅下面的。 该插件还将以
leaflet使用插件汇总
cyril_96的博客
08-23 216
插件leaflet-minimap。
Leaflet 常用相关
weixin_39103552的博客
12-18 343
运用了一段时间leaflet.js。主要应用于gis方面，以下初步总结自己使用过比较好的插件或工具。 地图源 1、可用于加载天地图、高德地图、谷歌地图及部分卫星图。 https://github.com/htoooth/Leaflet.ChineseTmsProviders 2、借助超图iclient 9D 加载天地图、百度地图。http://iclient.supermapol.com/e...
如何在React和Vue框架中实现leafLet.js测距和测面工具
why404
09-08 848
现在大部分前端项目都是使用框架开发，比如React和Vue，那如何在这些框架中实现leafLet.js的测距和测面功能呢，且待我徐徐道来。 一、使用到的插件 leaflet-measure-path 将里面的leaflet-measure-path.js和leaflet-measure-path.css文件拷出来到项目中 将leaflet-measure-path.css文件直接引入到项目中 需要修改leaflet-measure-path.js文件，改成如下 import * as L from..
使用leaflet完成测量和存取功能
孙霸天的专栏
02-27 4761
目标效果 可以进行测量功能 可以存取图形边界 将图形保存为Geojson 本项目使用的是leaflet，使用了leaflet的测量功能插件(Github传送门:https://github.com/ljagis/leaflet-measure)。 基于该方法进行了修改。 开始上代码： 1.引用的文件 <link rel="stylesheet" href="${pageCon...
leaflet中的工具条:放大、缩小、画笔、线量、面量、全屏
W8034的博客
03-18 1031
import "leaflet-measure-path"; import "leaflet-measure-path/leaflet-measure-path.css";//要引入样式 import "leaflet-editable"; onToolbarClick(type) { let self = this; switch (type) { case "zoomIn": //缩小 this.omap.zoomOut(); //减小地
Vue工程搭建Leaflet项目第四弹：量测
qq_45015198的博客
03-12 1664
leaflet 量测实现
Leaflet.MeasureControl, 在地图上，用小叶控制mesure距离.zip
09-18
Leaflet.MeasureControl, 在地图上，用小叶控制mesure距离 Leaflet.MeasureControl在地图上的mesure距离到距离。需要 Leaflet.Draw查看演示程序。安装npm install leaflet.measurecontrol用法作为映射
PostGIS 计算长度和面积
aganliang的专栏
11-15 3919
参考官网：http://postgis.net/docs/manual-3.0/using_postgis_dbmanagement.html The basis for the PostGIS geometry type is a plane. The shortest path between two points on the plane is a straight line. That means calculations on geometries (areas, distances.
leaflet实现简单量算工具功能(附源码下载)
GIS之家专栏
07-05 150
前言 leaflet 入门开发系列环境知识点了解： leaflet api文档介绍，详细介绍 leaflet 每个类的函数以及属性等等 leaflet 在线例子 leaflet 插件，leaflet 的插件库，非常有用 内容概览 leaflet实现简单量算工具功能源代码demo下载 实现借助了一个插件leaflet-measure-path，插件的下载地址：https://gith...
地图量算
weixin_44547431的博客
01-17 778
《GIS地理信息——地图测量》 开发工具：VS 2015, SuperMap iDesktop 9D, SuperMap iserver 相关插件：SuperMap.Include.js 完成模块功能：测量距离，测量面积 一、功能实现 初始界面 1. 测量距离 作用：测量距离主要是能知道位置与位置的距离的功能。 说明：点击 图1 中“测距”按钮并选择所要测量的路径，然后鼠标左键双击即可完成测量距...
测量距离和面积工具
10-14
手机上测量距离和面积的超好工具！ 打开这个应用程序，然后步行或开车测量一个地区的面积。以及测量路径长度。 要开始测量;等待 GPS 接收器准备好然后按开始。
Leaflet地图使用自定义控件
m0_65720832的博客
06-17 748
要注意这里的this指向的是map实例，并且还有一个坑在自定义控件扩展函数中不能使用js原生方法获取到dom实例，但是我却要获取到input框中用户输入的内容，可以在searchMap函数中添加如下代码。来更新一下leaflet，最近又出了一个新需求使用leaflet框架自带的控件去做一个地图搜索定位的功能，我找了半天找到了一个自定义控件可以满足需求。在leaflet官方文档上用到了这些。...
003 Leaflet 第三个demo 地图上的面积测量
weixin_30556161的博客
04-02 526
一、使用到的文件 leaflet-src.js Leaflet.Editable.js leaflet-measure-path.js leaflet.css leaflet-measure-path.css 面积测量区别于拉框测量面积而言，重点在于面积的计算上面，咨询了gis的小伙伴们，放才知道让用户随意框选形状，计算面积时个复杂的逻辑。 既然是复杂的逻辑，看来不适合...
vue 实现 leaflet的测绘，测距，测面
weixin_30906701的博客
05-22 1701
参考1：https://blog.csdn.net/lonly_maple/article/details/83658608 参考2：https://blog.csdn.net/xtfge0915/article/details/80275094#_60 前提：vue项目在安装leaflet的基础上 cnpm install leaflet-draw --save在 vue项目根目录的ind...
leaflet动态添加路线--L.Polyline.AntPath
热门推荐
小武的博客
11-14 1万+
1. 下载leaflet-ant-path依赖包 npm install leaflet-ant-path 2. 在项目中引用此js文件 "src/assets/js/ant-path/leaflet-ant-path.js", 3. 在js中写入调用即可 //循环获取经纬度 const latlngs = data.map(e => { ret...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

玉立琦

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额：-- )
扫码支付
扫码支付：¥2
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。

余额充值