arcgis图层控制
2024-10-20 11:31:09
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>图层控制器测试</title>
<link rel="stylesheet" href="http://js.arcgis.com/3.9/js/dojo/dijit/themes/soria/soria.css" />
<link rel="stylesheet" href="http://js.arcgis.com/3.9/js/esri/css/esri.css" />
<link rel="stylesheet" href="js/webgis2book/widgets/themes/darkangel/darkangel.css" />
<link rel="stylesheet" href="js/webgis2book/widgets/themes/darkangel/override.css" />
<style>
html, body, #mapDiv {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
</style> <script>
var dojoConfig = {
locale: 'en',
isDebug: true,
async: true,
packages: [{
"name": "webgis2book",
"location": location.pathname.replace(/\/[^/]+$/, "") + "/js/webgis2book"
}]
};
</script>
<script src="http://js.arcgis.com/3.9/"></script>
<script>
var map;
var toc = null; require(["dojo/parser", "dojo/_base/window", "dojo/dom-style", "dojo/topic", "dijit/registry",
"esri/map", "esri/layers/ArcGISTiledMapServiceLayer", "esri/layers/ArcGISDynamicMapServiceLayer",
"webgis2book/widgets/TocWidget", "webgis2book/widgets/Menu", "webgis2book/widgets/MenuItem",
"webgis2book/widgets/WidgetContainer", "webgis2book/widgets/MenuFrame",
"dojo/domReady!"],
function (parser, win, domStyle, topic, registry, Map, ArcGISTiledMapServiceLayer, ArcGISDynamicMapServiceLayer, TocWidget, Menu) {
parser.parse(); map = new Map("mapDiv"); var streetMap = new ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer", { id: "街道地图" });
map.addLayer(streetMap); var imageryPrime = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer", { id: "影像", opacity: 0, visible: true });
map.addLayer(imageryPrime);
imageryPrime.setOpacity(1.0); var censusData = new esri.layers.ArcGISDynamicMapServiceLayer("http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapServer", { id: "美国人口普查", visible: true });
censusData.setOpacity(0.75);
map.addLayer(censusData); var layer = new esri.layers.ArcGISDynamicMapServiceLayer("http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Louisville/LOJIC_LandRecords_Louisville/MapServer", { id: '路易斯维尔地籍' });
layer.setOpacity(0.5);
map.addLayer(layer); createWidget();
createMenu(); function createWidget() {
toc = new TocWidget();
toc.setTitle("图层控制器");
toc.setMap(map);
} function createMenu() {
var menuFrame = registry.byId('menuFrame');
var logoUrl = require.toUrl("webgis2book/widgets/assets/images/logo.png");
menuFrame.setFrameIcon(logoUrl);
menuFrame.setTitle("菜单"); var params = { label: "工具", icon: "assets/images/icons/i_globe.png", positionAsPct: 20, visible: true };
var toolMenu = new Menu(params);
toolMenu.addMenuItem({ label: "图层控制器", icon: "assets/images/icons/i_highway.png", visible: true, onMenuItemClick: testMenuItemClick });
menuFrame.addChild(toolMenu);
toolMenu.startup();
} function testMenuItemClick(evt) {
topic.publish("showWidget", toc);
} });
</script>
</head>
<body class="soria">
<div id="mapDiv">
<div data-dojo-type="webgis2book/widgets/MenuFrame" id='menuFrame' style="left: 50px;"></div>
<div data-dojo-type="webgis2book/widgets/WidgetContainer" id='widgetContainer'></div>
</div>
</body>
</html>
最新文章
- Centos允许root远程登录设置
- [Android Pro] Java进阶学习:jar打包详解
- BZOJ-3669 魔法森林 Link-Cut-Tree
- spring3 + mybatis + maven:junit测试错误
- NeHe OpenGL教程 第十七课:2D图像文字
- QQ对话代码
- 一个好用的web甘特图
- 网络流入门—用于最大流的Dinic算法
- UPDATE/INSERT用法研究
- redis 设置认证密码
- Redis未授权访问
- 卷积神经网络之LeNet
- textarea高度自适应(转载)
- [数学]MIT牛人解说数学体系
- wpf 状态栏图标背景闪烁提醒 FlashWindowEx
- mysqlslap 压力测试工具
- 【Linux】目录配置
- MySQL 学习笔记整理
- nginx root与alias区别
- docker获取镜像很慢解决办法