按照A与B图形得到相交后的图斑

<!--

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="相交测试._Default" %>

-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" >

<title>相交测试服务</title>

<link rel="stylesheet" type="text/css" href="http://10.0.0.55/jsapi/dijit/themes/tundra/tundra.css" />

<link rel="stylesheet" type="text/css" href="http://10.0.0.55/jsapi/esri/css/esri.css" />

<script type="text/javascript" src="http://10.0.0.55/jsapi/init.js"></script>

<style>

#info {

top: 20px;

color: #444;

height: auto;

font-family: arial;

right: 20px;

margin: 5px;

padding: 10px;

position: absolute;

width: 115px;

z-index: 40;

border: solid 2px #666;

border-radius: 4px;

background-color: #fff;

}

html, body, #mapDiv {

padding:0;

margin:0;

height:100%;

}

button {

display: block;

}

</style>

</head>

<body>

<div>

<script type="text/javascript">

//定义地图

var map, tb, drawEvt;

require([

"esri/map",

"esri/toolbars/draw",

"esri/symbols/SimpleMarkerSymbol",

"esri/symbols/SimpleLineSymbol",

"esri/symbols/PictureFillSymbol",

"esri/symbols/CartographicLineSymbol",

"esri/graphic",

"esri/Color",

"dojo/dom",

"dojo/on",

"esri/tasks/GeometryService",

"esri/tasks/QueryTask",

"esri/tasks/query",

"dojo/domReady!"

],

function (

Map, Draw,

SimpleMarkerSymbol, SimpleLineSymbol,

PictureFillSymbol, CartographicLineSymbol,

Graphic,

Color, dom, on, GeometryService, QueryTask, Query

) {

map = new Map("mapDiv", { "spatialReference": { "wkid": 2359 } });

console.log(map);

var layer = new esri.layers.ArcGISDynamicMapServiceLayer("http://10.0.0.55:6080/arcgis/rest/services/xj/MapServer");

map.addLayer(layer);

map.on("load", initToolbar);

var markerSymbol = new SimpleMarkerSymbol();

markerSymbol.setColor(new Color("#0099FF"));

// lineSymbol used for freehand polyline, polyline and line.

var lineSymbol = new CartographicLineSymbol(

CartographicLineSymbol.STYLE_SOLID,

new Color([255, 0, 0]), 10,

CartographicLineSymbol.CAP_ROUND,

CartographicLineSymbol.JOIN_MITER, 1

);

// fill symbol used for extent, polygon and freehand polygon, use a picture fill symbol

// the images folder contains additional fill images, other options: sand.png, swamp.png or stiple.png

var fillSymbol = new PictureFillSymbol(

"images/mangrove.png",

new SimpleLineSymbol(

SimpleLineSymbol.STYLE_SOLID,

new Color('#050'),

1

),

42,

42

);

function initToolbar() {

tb = new Draw(map);

tb.on("draw-end", addGraphic);

// event delegation so a click handler is not

// needed for each individual button

on(dom.byId("info"), "click", function (evt) {

if (evt.target.id === "info") {

return;

}

var tool = evt.target.id.toLowerCase();

map.disableMapNavigation();

tb.activate(tool);

});

}

function addGraphic(evt) {

tb.deactivate();

map.enableMapNavigation();

var symbol;

if (evt.geometry.type === "point" || evt.geometry.type === "multipoint") {

symbol = markerSymbol;

} else if (evt.geometry.type === "line" || evt.geometry.type === "polyline") {

symbol = lineSymbol;

}

else {

symbol = fillSymbol;

}

//显示用户所绘图形

map.graphics.add(new Graphic(evt.geometry, symbol));

alert("显示用户所绘图形");

//1、先进行相交查询

var queryTask = new QueryTask("http://10.0.0.55:6080/arcgis/rest/services/xj/MapServer/1");

var query = new Query();

query.geometry = evt.geometry;

query.returnGeometry = true;

drawEvt = evt;

queryTask.execute(query, showResults);

}

function showResults(featureSet) {

map.graphics.clear();

//2、将相交的图形置入数组

var geos = [];

dojo.forEach(featureSet.features, function (feature) {

var graphic = feature;

graphic.setSymbol(lineSymbol);

geos.push(feature.geometry);

map.graphics.add(graphic);

});

alert("2、将相交的图形置入数组");

console.log(featureSet, "geos");

//3、调用系统相交服务进行分析，结果得到相交后的图形

geo = new GeometryService("http://10.0.0.55:6080/arcgis/rest/services/Utilities/Geometry/GeometryServer/");

geo.intersect(geos, drawEvt.geometry, output);

}

//这里返回的是数组

function output(geos) {

//4、讲相交后的图形变换，绘制到图上

alert("4、讲相交后的图形变换，绘制到图上");

//  map.graphics.clear();

for (a = 0; a < geos.length; a++) {

var graphic = new Graphic();

graphic.setSymbol(fillSymbol);

graphic.geometry = geos[a];

map.graphics.add(graphic);

}

}

});

</script>

</div>

<div id="info">

<button id="Polygon">Polygon</button>

</div>

<div id="mapDiv" style="width: 900px; height: 600px; border: 1px solid #000;"></div>

</body>

</html>

A与B相交后的图形查询的更多相关文章

  1. ArcGIS Engine开发之图形查询

    图形查询是以用户通过鼠标操作生成的图形几何体为输入条件进行查询的查询,其查询结果为该几何体空间范围内的所有要素.常用的查询方式包括点选.线选.多边形选择.圆形选择和矩形选择等. 相关类与接口 图像查询 ...

  2. mysql（4）—— 表连接查询与where后使用子查询的性能分析。

    子查询就是在一条查询语句中还有其它的查询语句,主查询得到的结果依赖于子查询的结果. 子查询的子语句可以在一条sql语句的FROM,JOIN,和WHERE后面,本文主要针对在WHERE后面使用子查询与表 ...

  3. 矢量图面层和线层相交得到相交后的线层文件（gis相交）

    目的:将arcgis里的面层和线层相交(重叠)部分的线单独生成一个shp文件,用于道路路网密度计算等. 注意:进行相交运算后生成的是线要素文件,相当于把面线相交部分的线单独拿了出来. 操作例子:将图示 ...

  4. 图形查询属性（IdentifyTask实现查询）//查询本地服务

    主页代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <tit ...

  5. C#根据域名查询IP(CMD命令参数输入或者启动程序后再输入查询)

    有时因为需要,希望知道域名的IP,那用C#怎么实现呢?以下是实现代码 using System; using System.Collections.Generic; using System.Linq ...

  6. Spring（五）：Spring&Struts2&Hibernate整合后，实现查询Employee信息

    背景: 基于之前两篇文章<Spring(三):Spring整合Hibernate>.<Spring(四):Spring整合Hibernate,之后整合Struts2>,了解了如 ...

  7. 分库分表后跨分片查询与Elastic Search

    携程酒店订单Elastic Search实战:http://www.lvesu.com/blog/main/cms-610.html 为什么分库分表后不建议跨分片查询:https://www.jian ...

  8. Centos7.1 mini版安装后安装图形界面教程

    [1]GNOME安装 1.执行下面命令安装GNOME Desktop Environment yum -y groups install "GNOME Desktop" 2.安装完 ...

  9. Hibernate更新删除数据后，再查询数据依然存在的解决办法

    删除数据后,重新查询了数据库,DB中记录已经删除了,但是数据依然能查询到,网上都说是Hibernate的缓冲问题. 我对session进行了clear,flush,并且在事务和查询中都对session ...

随机推荐

  1. session和cookie

    第一次听到cookie这个词的时候着实兴奋了一段时间,以为是小饼干呢~快喝一杯82年的java压压惊!哈哈~ 与cookie的第一次邂逅——清缓存和清cookie 刚毕业的时候上班,做二次开发,明明后 ...

  2. bat中rar压缩命令

    数据库备份,导出的dmp 文件比较大,需要压缩,压缩后大小能变为原来十分之一左右吧. 写的是批处理的语句,每天调用,自动导出dmp 文件,压缩删除原文件. 首先写下路径,先将压缩软件的路径写入系统的环 ...

  3. protocol buffer c++ python库安装

    c++库安装较简单,不要用源码,还得下载依赖,就被墙了 https://github.com/google/protobuf/releases  下载一个最新的release安装 #protoc -- ...

  4. Windows Phone 10如何借Windows 10的东风

    距微软发布Windows Phone 7已经四年多了,WinPhone的市场份额一直萎糜不前.去年微软收购诺基亚,如特洛伊木马般戏剧,却没有挽救WinPhone,甚至出现下滑,已经不足3%,已经基本被 ...

  5. 不同json如何使用jsonArray以及ajax如何取,实现读取新闻

    jsp界面 <%@ page contentType="text/html;charset=gb2312"%><%@page import="org.j ...

  6. 高手总结的“恋爱法”学习Linux系统，效果更好。

    如果你恋爱了,那你一定非常喜欢她.了解她,知道她喜欢吃什么玩什么,知道她需要什么,在她生气的时候可以哄她开心,一切尽在你的手指中.那你想学好Linux吗?喜欢Linux吗?你懂她吗?你有喜欢Linux ...

  7. 基于UDP协议模拟的一个TCP协议传输系统

    TCP协议以可靠性出名,这其中包括三次握手建立连接,流控制和拥塞控制等技术.详细介绍如下: 1. TCP协议将需要发送的数据分割成数据块.数据块大小是通过MSS(maximum segment siz ...

  8. 专家解读：BPM与OA的区别

    演进历程 传统OA 模块化架构,仅能满足管理执行的刚性效率,系统的专业化程度有限. BPM 平台化架构,管理要求精细化程度高,系统更专业化,更注重整合. BPM SAAS 基于云架构,跨组织社交化,系 ...

  9. SpringMVC与MyBatis整合之日期格式转换

    在上一篇博客<SpringMVC与MyBatis整合(一)——查询人员列表>中遗留了日期格式转换的问题,在这篇记录解决过程. 对于controller形参中pojo对象,如果属性中有日期类 ...

  10. SQL Server 检测到基于一致性的逻辑 I/O 错误 校验和不正确 ||尝试在数据库 5 中提取逻辑页 (1:1640) 失败

    use test go ALTER DATABASE test SET SINGLE_USER DBCC CHECKDB (test, repair_allow_data_loss) with NO_ ...