1. 矢量动态图层

 

 

<!DOCTYPE
HTML>

<html>

 

<head>

<meta
http-equiv="Content-Type"
content="text/html; charset=utf-8"
/>

<title>Test Map</title>

<link
rel="stylesheet"
href="http://172.16.2.17:8080/arcgis_js_api/library/3.26/3.26/esri/css/esri.css"
/>

<script
type="text/javascript">

var
arcgisApiBaseUrl = "http://172.16.2.17:8080/arcgis_js_api/library/3.26/3.26";

</script>

<script
src="http://172.16.2.17:8080/arcgis_js_api/library/3.26/3.26/init.js"></script>

<style>

html,

body,

#map {

height: 100%;

width: 100%;

margin: 0;

padding: 0;

}

</style>

<script>

require([

"esri/config",

"esri/map",

"esri/layers/ArcGISDynamicMapServiceLayer",

"esri/layers/ArcGISTiledMapServiceLayer",

"esri/layers/DynamicLayerInfo",

"esri/layers/LayerDataSource",

"esri/layers/TableDataSource",

"esri/layers/LayerDrawingOptions",

"esri/renderers/SimpleRenderer",

"esri/symbols/SimpleFillSymbol",

"esri/symbols/SimpleLineSymbol",

"esri/Color",

"dojo/domReady!"

], function (esriConfig, Map, ArcGISDynamicMapServiceLayer, ArcGISTiledMapServiceLayer, DynamicLayerInfo,

LayerDataSource, TableDataSource, LayerDrawingOptions, SimpleRenderer, SimpleFillSymbol, SimpleLineSymbol,

Color) {

//esri.config.defaults.io.corsDetection=false;

//esri.config.defaults.io.corsEnabledServers.push("172.16.4.249:8080");

var
map = new
Map("map");

//var tiled = new ArcGISTiledMapServiceLayer("https://services.arcgisonline.com/arcgis/rest/services/Ocean/World_Ocean_Base/MapServer");

//map.addLayer(tiled);

//

var
shengLayer = new
esri.layers.ArcGISDynamicMapServiceLayer(

"http://172.16.2.17:6080/arcgis/rest/services/resourceAudit/DynamicLayer/MapServer", {

"id":
"mymaplayer"

})

map.addLayer(shengLayer);

//

 

function
AddDynamicLayer1() {

 

var
layerName, dataSource, layerSource, options, drawingOptions, dynamicLayerInfos;

 

layerName = "region";

if (!dynamicLayerInfos) {

dynamicLayerInfos = map.getLayer("mymaplayer").createDynamicLayerInfosFromLayerInfos();

}

console.log(dynamicLayerInfos.length);

//

dataSource = new
esri.layers.TableDataSource();

dataSource.workspaceId = "resourceAudit";

dataSource.dataSourceName = layerName;

//

layerSource = new
esri.layers.LayerDataSource();

layerSource.dataSource = dataSource;

//

var
dynamicLayerInfo = new
esri.layers.DynamicLayerInfo({

"defaultVisibility":
true,

"id":
dynamicLayerInfos.length,

"name":
layerName,

"parentLayerId": -1,

"source":
layerSource

});

//dynamicLayerInfos.push(dynamicLayerInfo); // 最后一个图层

dynamicLayerInfos.unshift(dynamicLayerInfo) // 第一个图层

// set new infos, but don't refresh

// map will be updated when the drawing options are set

map.getLayer("mymaplayer").setDynamicLayerInfos(dynamicLayerInfos, true);

 

drawingOptions = new
esri.layers.LayerDrawingOptions();

drawingOptions.renderer = new
esri.renderer.SimpleRenderer(

new
esri.symbol.SimpleFillSymbol("solid", new
esri.symbol.SimpleLineSymbol("solid", new
dojo.Color([255,

0, 255, 0.75

]), 5),

new
dojo.Color([255, 0, 255, 0.75]) // fuchsia lakes!

));

options = [];

options[dynamicLayerInfos.length - 1] = drawingOptions;

map.getLayer("mymaplayer").setLayerDrawingOptions(options);

 

}

shengLayer.on("load", function (e) {

AddDynamicLayer1();

});

});

//

//

</script>

</head>

 

<body>

<div
id="map"></div>

</body>

 

</html>

 

添加到最上面

 

 

添加到最后面

 

 

  1. 栅格动态图层

 

 

 

ArcGIS JavaScript API动态图层的更多相关文章

  1. Arcgis javascript api 动态图层自图层可见性设置

    Arcgis javascript api 动态图层自图层可见性设置 子图层管理 rest服务 sublayers sublayer ArcGISDynamicMapServiceLayer 本文主要 ...

  2. ArcGIS JavaScript API 4.x中热度图渲染的使用注意事项

    要使用ArcGIS JavaScript API 4.x的热度图渲染器来渲染要素图层,需要注意几点前提条件: 1.需要使用ArcGIS Server 10.6.1或更高版本发布GIS服务. 2.只支持 ...

  3. Arcgis Javascript API 开发笔记

    JS API3.4的要求 à(1)  IE9或以上版本 否则dijit1.8.3不匹配 1.如何发布ArcgisJavascript API应用 0.准备工作: (1).有web应用: (2).有js ...

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

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

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

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

  6. 如何正确响应ArcGIS JavaScript API中图形的鼠标事件

    在使用ArcGIS JavaScript API编写程序的时候,程序员往往需要完成这样一个功能:点击地图上的图形,自动进行专题GIS数据查询,当在地图非图形区域上点击时,自动进行底图兴趣点查询. 由于 ...

  7. ArcGIS JavaScript API本地部署离线开发环境[转]

    原文地址:http://www.cnblogs.com/brawei/archive/2012/12/28/2837660.html 1 获取ArcGIS JavaScript API API的下载地 ...

  8. Ionic集成ArcGIS JavaScript API.md

    1. Ionic同原生ArcGIS JavaScript API结合 1.1. 安装esri-loader 在工程目录下命令行安装: npm install angular2-esri-loader ...

  9. Ionic2集成ArcGIS JavaScript API.md

    1. Ionic同原生ArcGIS JavaScript API结合 1.1. 安装esri-loader 在工程目录下命令行安装: npm install angular2-esri-loader ...

随机推荐

  1. Android核心技术Intent和数据存储篇

    女孩:上海站到了? 男孩:嗯呢?走向世界~ 女孩:Intent核心技术和数据存储技术? 男孩:对,今日就讲这个~ Intent是各个组件之间用来进行通信的,Intent的翻译为"意图&quo ...

  2. Nginx---(main block)

    正常运行必备配置 1,user USERNAME [GROUPAME] ; 指定用于运行worker进程的用户和组:   user nginx nginx; 2, pid /PATH/TO/PID_F ...

  3. 关于hermes与solr，es的定位与区别

    Hermes与开源的Solr.ElasticSearch的不同 谈到Hermes的索引技术,相信很多同学都会想到Solr.ElasticSearch.Solr.ElasticSearch在真可谓是大名 ...

  4. Maven - 实例-6-聚合与继承

    创建项目 xxx - 继承自testDep.PPP <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi= ...

  5. canvas与webgl坐标转换

    1 canvas的坐标系 坐标原点在左上角,横轴向右为X轴正方向,竖直向下为Y轴正方向 2 webgl的坐标系 坐标原点在绘图区域的中心点,横向右为X轴正方向,竖直向上为Y轴正方向,横纵坐标区域范围为 ...

  6. JavaScript中继承的那些事

    引言 JS是一门面向对象的语言,但是在JS中没有引入类的概念,之前特别疑惑在JS中继承的机制到底是怎样的,一直学了JS的继承这块后才恍然大悟,遂记之. 假如现在有一个“人类”的构造函数: functi ...

  7. spring cloud（断路器——初学四）

    在分布式架构中,当某个服务单元发生故障后,能通过断路器的故障监控,向调用方返回一个错误响应,而不是长时间的等待. Netflix Hystrix 在Spring Cloud中使用了Hystrix 来实 ...

  8. 如何把开源项目发布到Jcenter

    转载自:https://www.jianshu.com/p/f66972f0607a 首先我们应该注册一个JFrog Bintray的账号 Jfrog Bintray官网 这里我们可以注意到那个绿色的 ...

  9. 前端进击的巨人（五）：学会函数柯里化（curry)

    柯里化(Curring, 以逻辑学家Haskell Curry命名) 写在开头 柯里化理解的基础来源于我们前几篇文章构建的知识,如果还未能掌握闭包,建议回阅前文. 代码例子会用到 apply/call ...

  10. Docker数据卷容器备份、恢复

    1.备份数据卷容器 使用数据卷来备份数据,通过指定本地的一个文件路径,对应到容器中的路径,运行tar命令将重要的文件打包备份. $ cd /home/xm6f/dev $ docker run --v ...