测量组件提供工具,用于计算当前位置(获取位置),测量距离测量距离:面积

var  measurement  = new  esri 。迪吉特。测量({     地图: 地图}, 道场。byId ('measurementDiv' ));

测量。startup ();

你也可选择定义一个自定义的线和点符号,测量的部件将在地图上绘制时使用

SimpleFillSymbol的常量

常量 描述
STYLE_BACKWARD_DIAGONAL 填充是向后对角线。(向后的对角线)
STYLE_CROSS 填充是一个十字架。(交叉线)
STYLE_DIAGONAL_CROSS 填充是对角交叉。(对角交叉)
STYLE_FORWARD_DIAGONAL 填充是前向对角线。(向前的对角线)
STYLE_HORIZONTAL 填充是水平线。(水平线)
STYLE_NULL 多边形没有填充。(无)
STYLE_SOLID 填充是实心的。(实线)
STYLE_VERTICAL 填充是垂直线。(垂直线)
<!DOCTYPE html>
<HTML><HEAD><meta http-equiv =“Content-Type”content =“text / html; charset = utf-8”><meta name =“viewport”content =“initial-scale = 1,maximum-scale = 1,user-scalable = no”><title>测量工具</ title><link rel =“stylesheet”href =“https://js.arcgis.com/3.25/esri/themes/calcite/dijit/calcite.css”><link rel =“stylesheet”href =“https://js.arcgis.com/3.25/esri/themes/calcite/esri/esri.css”><风格>html,body {高度:100%;宽度:100%;余量:0;}身体 {背景色:#FFF;溢出:隐藏;font-family:“Trebuchet MS”;}#map {border:solid 2px#808775;-moz-边界半径:4PX;-webkit-边界半径:4PX;边界半径:4PX;保证金:5px的;填充:0像素;}#titlePane {宽度:280像素;}</样式><script src =“https://js.arcgis.com/3.25/”> </ script><SCRIPT>var map;//导入包要求([“道场/ DOM”,“ESRI /颜色”,“道场/键”,“道场/分析器”,
“ESRI /配置”,“ESRI /嗅”,“ESRI /地图”,“ESRI / SnappingManager”“ESRI /的dijit /测量”,“ESRI /层/ FeatureLayer”,“ESRI /渲染/ SimpleRenderer”“ESRI /任务/ GeometryService”“ESRI /符号/的SimpleLineSymbol”,“ESRI /符号/ SimpleFillSymbol”,
“ESRI /的dijit /比例尺”“的dijit /布局/使用BorderContainer”,“的dijit /布局/的contentPane”,“的dijit / TitlePane”“的dijit /形式/复选框”,“道场/ domready中!”],功能(dom,颜色,键,解析器,esriConfig,has,Map,SnappingManager,Measurement,FeatureLayer,SimpleRenderer,GeometryService,SimpleLineSymbol,SimpleFillSymbol){parser.parse();//这个示例可能需要一个代理页面来处理与ArcGIS的服务器服务的通信。您需要//将下面的网址替换为您机器上的代理的位置。请参阅“使用代理页面”帮助主题。//关于设置代理页面的详细信息esriConfig.defaults.io.proxyUrl =“/ proxy /”;esriConfig.defaults.io.alwaysUseProxy = false;
//此服务仅用于开发和测试目的。我们建议您创建自己的几何服务,以便在应用程序中使用,可以直接使用esriConfig.defaults.geometryService = new GeometryService(“https://utility.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer”);
map = new Map(“map”,{basemap:“satellite”,//指定的地图底图。(如果自己的地图当然也可以,修改相应地图服务即可)默认有效的选项:“streets”,“satellite”,“hybrid”,“topo” , “灰色”, “海洋”, “国家地理”, “OSM”。中心:[ -  85.743,38.256],zoom:17 //缩放度});// SimpleFillSymbol用于在图形图层上绘制的功能var sfs = new SimpleFillSymbol(“固体”,new SimpleLineSymbol(“solid”,new Color([195,176,23]),2),//颜色像素空值);
var parcelsLayer = new FeatureLayer(“https://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Louisville/LOJIC_LandRecords_Louisville/MapServer/0”,{模式:FeatureLayer.MODE_ONDEMAND,outFields:[“*”]});parcelsLayer.setRenderer(new SimpleRenderer(sfs));map.addLayers([parcelsLayer]); //所有图层使用map.addLayers方法添加到地图后触发
// copyKey映射到窗户上的CTRL和苹果机上的Cmd的var snapManager = map.enableSnapping({snapKey:有(“mac”)?keys.META:keys.CTRL});var layerInfos = [{layer:parcelsLayer}];snapManager.setLayerInfos(layerInfos);
var measurement = new Measurement({//测量工具地图:地图},dom.byId(“measurementDiv”));measurement.startup(); //激活工具});</ SCRIPT></ HEAD>
<body class =“calcite”><div id =“mainWindow”data-dojo-type =“dijit / layout / BorderContainer”data-dojo-props =“design:'headline',gutters:false”style =“width:100%; height:100%;”><div id =“map”data-dojo-type =“dijit / layout / ContentPane”data-dojo-props =“region:'center'”><div style =“position:absolute; right:20px; top:10px; z-Index:999;”><div id =“titlePane”data-dojo-type =“dijit / TitlePane”data-dojo-props =“title:'Measurement',closable:false”><div id =“measurementDiv”> </ div><span style =“font-size:smaller; padding:5px 5px;”>按<b> CTRL </ b>启用捕捉。</ span></ DIV></ DIV></ DIV></ DIV></ BODY>
</ HTML>

ArcGis For JavaScript API (测量工具)相关推荐

  1. ArcGIS For JavaScript API 默认参数

    "esri.config"的是在1.3版中的的"esriConfig"的替代品.如果您使用的是1.2或更低的版本,您应该参阅默认API v1.2和更低的配置.对 ...

  2. 利用Arcgis for javascript API绘制GeoJSON并同时弹出多个Popup

    1.引言 由于Arcgis for javascript API不可以绘制Geojson,并且提供的Popup一般只可以弹出一个,在很多专题图制作中,会遇到不少的麻烦.因此本文结合了两个现有的Arcg ...

  3. Arcgis server Javascript API 官网相当于HelloWorld的完整版

    虽然放暑假了,不过最近依然很忙,一边忙着准备电子设计大赛,一边跟随研究生师兄们要做Arcgis相关内容,看了一本ArcGIS Server JavaScript API的书,结果发现是针对Arcgis ...

  4. ArcGis For JavaScript API Drawing Tool (绘图工具又称框选地图)

    描述: 您可以使用绘图工具栏绘制在地图上的多种几何形状.. 在线演示:http://help.arcgis.com/en/webapi/javascript/arcgis/samples/toolba ...

  5. arcgis for javascript API3.13 加载天地图卫星影像

    采用arcgis for javascript  API 3.13, 用其中的esri.layers.TiledMapServiceLayer,这个类可以完成对切片地图的加载,ArcOnline本身自 ...

  6. 使用ArcGIS JavaScript API 3.18 加载天地图

    对于中国开发者在创建GIS应用的时候,往往比较头疼的是底图资源的缺乏.其实国家测绘地信局就提供一个很好的免费资源:天地图.使用ArcGIS API的开发人员可以直接利用该资源作为地图应用的底图. Ar ...

  7. ArcGIS Javascript API 加载高德在线地图扩展

    利用ArcGIS JavaScript API加载高德在线地图的扩展 /*** Created by WanderGIS on 2015/7/15.*/ define(["dojo/_bas ...

  8. ArcGIS JavaScript API本地部署离线开发环境

    1 获取ArcGIS JavaScript API API的下载地址http://support.esrichina.com.cn/2011/0223/960.html,在下载页面会看到api和sdk ...

  9. 如何在Vue项目中引入ArcGIS JavaScript API​ 创建三维可视化地图(含vue项目创建教程)

    新手上路之在Vue项目中引入ArcGIS API​ 视频教程 B站搜索 X北辰北,感谢up主无私的教学~ B站地址:https://www.bilibili.com/video/BV18E411K7B ...

最新文章

  1. 计算机视觉知识点总结
  2. 云计算里AWS和Azure的探究(2)
  3. 两个vlan之间如何通信_如何桥接两个不同的VLAN?
  4. json 反射java 实体_Java 将JSON反射到实体类
  5. 数据结构_串_mindmap+LeetCode_344.反转字符串(Java、C)
  6. sql修改表字段数据类型
  7. java中白盒测试用例_基于JAVA开发的中国象棋游戏的开发与研究白盒测试用例.doc...
  8. sqlserver——视图
  9. 应用程序进程启动过程
  10. LINUX yum 服务
  11. 计算机控制技术实验平台,信号与系统•控制理论及计算机控制技术实验平台
  12. c语言输入奇数n输出一半棱形,c语言输出菱形
  13. Python编写csdn刷博客数量软件
  14. 博士申请——Research Proposal
  15. c语言怎么把数字倒过来_如何用C语言将一个数字倒序过来
  16. 金融去杠杆环境下,请聆听麦子金服财富投资者给出的答案
  17. Unity大型场景程序化生成及优化技术—FPS迷宫生成和优化
  18. 签名服务器支付系统,基于短签名的电子银行支付认证系统设计与实现
  19. DNS 服务器 清除缓存
  20. word2016论文不同章节设置页眉页码方法

热门文章

  1. 【javascript】2048小游戏
  2. 数字沙盘功能有哪些?
  3. 阿里巴巴-菜鸟技术招聘JD
  4. 黏菌优化算法SMA与算术优化算法AOA及其联合改进
  5. 有利网荣获“2016年度科技金融风控品牌”奖
  6. 为知笔记服务端docker镜像使用说明
  7. 论文笔记-DynaSLAM: Tracking, Mapping and Inpainting in Dynamic Scenes
  8. 免费录音转文字的软件有哪些?不知道的小伙伴快来码住
  9. 针对大量数据,MATLAB生成EXCEL文件并进行排版处理的源码
  10. 博弈论、SG定理和SG函数