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. InnoDB体系架构（三）Checkpoint技术

    Checkpoint技术 前篇 InnoDB体系架构(二)内存 从缓冲池.缓冲池的管理.重做日志缓冲.额外内存缓冲这四个点介绍了InnoDB存储引擎的内存结构,而在将缓冲池的数据刷新到磁盘的过程中使用 ...

  2. Android开发工程师文集-1 小时学会各种Drawable

    前言 大家好,给大家带来Android开发工程师文集-1 小时学会各种Drawable的概述,希望你们喜欢 Drawable介绍 Drawable为抽象类,drawable与view有区别的地方,主要 ...

  3. 抽取JDBC工具类并增删改查

    抽取工具类: package demo; /* * 工具类 */ import java.sql.Connection; import java.sql.DriverManager; import j ...

  4. Nginx---(main block)

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

  5. jsp页面跳转页面的几中方式（同步更新）

    1. 通过<a>标签跳转网页a) 通过<a>标签直接跳转b) 通过<a>标签调用JavaScript函数,然后再进行跳转 2. 通过表单形式跳转网页a) 通过表单跳 ...

  6. linux下应用程序性能剖分神器gprofiler-tools－安装和使用

    最近在摆弄算法的的优化,需要剖分一下算法的瓶颈,就找了一些代码剖分工具,其中 gprofileer-tools是很不错的工具,gperftools时google开源的一款C++性能分析分析工具,git ...

  7. LeetCode:151_Reverse Words in a String | 字符串中单词的逆反 | Medium

    题目:Reverse Words in a String Given an input string, reverse the string word by word. For example, Gi ...

  8. Python--DBUtil

    Python--DBUtil包 1 简介 DBUtils是一套Python数据库连接池包,并允许对非线程安全的数据库接口进行线程安全包装.DBUtils来自Webware for Python. DB ...

  9. java 浅谈web系统当中的cookie和session会话机制

    一 Cookie: 1. Cookie翻译为小甜饼,有一种特殊的味道.cookie主要用来在(浏览器)客户端做记号用的.Cookie不属于java,Cookie是一种通用的机制,属于HTTP协议的一部 ...

  10. python 中range函数的用法

    一. range(start,end,step) 二.代码 [code1] for i in range(1,10,2): print("i=",i) [result1] i= 1 ...