ArcGis For JavaScript API (测量工具)
测量组件提供工具,用于计算当前位置(获取位置),测量距离测量距离:面积
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 (测量工具)相关推荐
- ArcGIS For JavaScript API 默认参数
"esri.config"的是在1.3版中的的"esriConfig"的替代品.如果您使用的是1.2或更低的版本,您应该参阅默认API v1.2和更低的配置.对 ...
- 利用Arcgis for javascript API绘制GeoJSON并同时弹出多个Popup
1.引言 由于Arcgis for javascript API不可以绘制Geojson,并且提供的Popup一般只可以弹出一个,在很多专题图制作中,会遇到不少的麻烦.因此本文结合了两个现有的Arcg ...
- Arcgis server Javascript API 官网相当于HelloWorld的完整版
虽然放暑假了,不过最近依然很忙,一边忙着准备电子设计大赛,一边跟随研究生师兄们要做Arcgis相关内容,看了一本ArcGIS Server JavaScript API的书,结果发现是针对Arcgis ...
- ArcGis For JavaScript API Drawing Tool (绘图工具又称框选地图)
描述: 您可以使用绘图工具栏绘制在地图上的多种几何形状.. 在线演示:http://help.arcgis.com/en/webapi/javascript/arcgis/samples/toolba ...
- arcgis for javascript API3.13 加载天地图卫星影像
采用arcgis for javascript API 3.13, 用其中的esri.layers.TiledMapServiceLayer,这个类可以完成对切片地图的加载,ArcOnline本身自 ...
- 使用ArcGIS JavaScript API 3.18 加载天地图
对于中国开发者在创建GIS应用的时候,往往比较头疼的是底图资源的缺乏.其实国家测绘地信局就提供一个很好的免费资源:天地图.使用ArcGIS API的开发人员可以直接利用该资源作为地图应用的底图. Ar ...
- ArcGIS Javascript API 加载高德在线地图扩展
利用ArcGIS JavaScript API加载高德在线地图的扩展 /*** Created by WanderGIS on 2015/7/15.*/ define(["dojo/_bas ...
- ArcGIS JavaScript API本地部署离线开发环境
1 获取ArcGIS JavaScript API API的下载地址http://support.esrichina.com.cn/2011/0223/960.html,在下载页面会看到api和sdk ...
- 如何在Vue项目中引入ArcGIS JavaScript API 创建三维可视化地图(含vue项目创建教程)
新手上路之在Vue项目中引入ArcGIS API 视频教程 B站搜索 X北辰北,感谢up主无私的教学~ B站地址:https://www.bilibili.com/video/BV18E411K7B ...
最新文章
- 计算机视觉知识点总结
- 云计算里AWS和Azure的探究(2)
- 两个vlan之间如何通信_如何桥接两个不同的VLAN?
- json 反射java 实体_Java 将JSON反射到实体类
- 数据结构_串_mindmap+LeetCode_344.反转字符串(Java、C)
- sql修改表字段数据类型
- java中白盒测试用例_基于JAVA开发的中国象棋游戏的开发与研究白盒测试用例.doc...
- sqlserver——视图
- 应用程序进程启动过程
- LINUX yum 服务
- 计算机控制技术实验平台,信号与系统•控制理论及计算机控制技术实验平台
- c语言输入奇数n输出一半棱形,c语言输出菱形
- Python编写csdn刷博客数量软件
- 博士申请——Research Proposal
- c语言怎么把数字倒过来_如何用C语言将一个数字倒序过来
- 金融去杠杆环境下,请聆听麦子金服财富投资者给出的答案
- Unity大型场景程序化生成及优化技术—FPS迷宫生成和优化
- 签名服务器支付系统,基于短签名的电子银行支付认证系统设计与实现
- DNS 服务器 清除缓存
- word2016论文不同章节设置页眉页码方法