arcgis api 3.x for js 入门开发系列一自写算法实现地图量算工具（附源码下载）

本文主要是介绍arcgis api 3.x for js 入门开发系列一自写算法实现地图量算工具（附源码下载），对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

0.内容概览

Geometry 地图服务方式实现地图距离以及面积的量算，简单描述

arcgis api 提供的接口类 geometryEngine 实现地图距离以及面积的量算，简单描述
自定义距离以及面积算法方式实现地图距离以及面积的量算，重点介绍
源码下载

1. Geometry 地图服务方式

直接调用本机 ArcGIS Server 发布的 Geometry 服务：
http://localhost:6080/arcgis/rest/services/Utilities/Geometry/GeometryServer
利用该地图服务提供的函数Areas and Lengths，其中 Areas 用于量算面积，Lengths 用于量算距离，如图：

2. geometryEngine 接口类方式

利用arcgis api提供的geometryEngine 接口函数，具体参照官网的api文档介绍：geometryEngine

算面积函数 geodesicArea(geometry, unit)：
量算距离函数 geodesicLength(geometry, unit)：

3.自定义距离以及面积算法方式

自己写算法来实现距离以及面积的量算，这样的好处是不依赖ArcGIS Server 几何服务 Geometry 以及arcgis api 接口类 geometryEngine，灵活应用在WebGIS 项目中，最终的实现效果图如下：

具体实现思路

创建一个独立的js文件，里面有量算工具类 DCIMeature，DCIMeature 类构造函数传入地图对象 map

construct: function (map) {  
    this._dciMap = map;  
    this._onClickHandler = dojo.hitch(this, this._onClickHandler);  
    this._onMouseMoveHandler = dojo.hitch(this, this._onMouseMoveHandler);  
    this._onDrawEndHandler = dojo.hitch(this, this._onDrawEndHandler);  
    this._onExtentChangeHandler = dojo.hitch(this, this._onExtentChangeHandler);  
    this._onGraphicClearHandler = dojo.hitch(this, this._onGraphicClearHandler);  
    this._graphicsLayer = new esri.layers.GraphicsLayer({ id: "DciMeatureGLyr" });  
}

核心测距离算法：

DUtil.getDistanceInEarth = function (point1, point2) { 
var d = new Number(0); 
//1度等于0.0174532925199432957692222222222弧度 
//var radPerDegree=0.0174532925199432957692222222222; 
var radPerDegree = Math.PI / 180.0; 
if (DCI.Measure.map.spatialReference.wkid == "4326") { 
var latLength1 = Math.abs(this.translateLonLatToDistance({ x: point1.x, y: point2.y }).x - this.translateLonLatToDistance({ x: point2.x, y: point2.y }).x); 
var latLength2 = Math.abs(this.translateLonLatToDistance({ x: point1.x, y: point1.y }).x - this.translateLonLatToDistance({ x: point2.x, y: point1.y }).x); 
var lonLength = Math.abs(this.translateLonLatToDistance({ x: point1.x, y: point2.y }).y - this.translateLonLatToDistance({ x: point1.x, y: point1.y }).y); 
d = Math.sqrt(Math.pow(lonLength, 2) - Math.pow(Math.abs(latLength1 - latLength2) / 2, 2) + Math.pow(Math.abs(latLength1 - latLength2) / 2 + Math.min(latLength1, latLength2), 2)); 
} 
else { 
var len_prj = Math.pow((point2.x - point1.x), 2) + Math.pow((point2.y - point1.y), 2); 
        d = Math.sqrt(len_prj); 
} 
d = Math.ceil(d); 
return d; 
}; 
DUtil.translateLonLatToDistance = function (point) { 
var d = new Number(0); 
//1度等于0.0174532925199432957692222222222弧度 
//var radPerDegree=0.0174532925199432957692222222222; 
var radPerDegree = Math.PI / 180.0; 
var equatorialCircumference = Math.PI * 2 * 6378137; 
return { 
        x: Math.cos(point.y * radPerDegree) * equatorialCircumference * Math.abs(point.x / 360), 
        y: equatorialCircumference * Math.abs(point.y / 360) 
}; 
};

核心测面算法：

//******求三角形面积**** 
DUtil.getTriangleArea = function (point1, point2, point3) { 
    var area = 0; 
    if (!point1 || !point2 || !point3) { 
        return 0; 
    } 
    if (DCI.Measure.map.spatialReference.wkid == "4326") {   
        point1 = this.translateLonLatToDistance(point1); 
        point2 = this.translateLonLatToDistance(point2); 
        point3 = this.translateLonLatToDistance(point3); 
    } 
    area = ((point1.x * point2.y - point2.x * point1.y) + (point2.x * point3.y - point3.x * point2.y) + (point3.x * point1.y - 
    point1.x * point3.y)) / 2; 
    return area; 
};

4.源码分享

源码下载

这篇关于arcgis api 3.x for js 入门开发系列一自写算法实现地图量算工具（附源码下载）的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

Javascript