| |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>Douglas County Snow Removal</title>
<style type="text/css">
@import "http://serverapi.arcgisonline.com/jsapi/arcgis/1.6/js/dojo/dijit/themes/tundra/tundra.css";
.zoominIcon { width:16px; height:16px; }
.zoomoutIcon { width:16px; height:16px; }
.zoomfullextIcon { width:16px; height:16px; }
.zoomprevIcon { width:16px; height:16px; }
.zoomnextIcon { width:16px; height:16px; }
.panIcon { width:16px; height:16px; }
.deactivateIcon { width:16px; height:16px; }
</style>
<script type="text/javascript">djConfig = { parseOnLoad:true }</script>
<script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.6"></script>
<script type="text/javascript">
dojo.require("esri.map");
dojo.require("esri.toolbars.navigation");
dojo.require("dijit.form.Button");
dojo.require("dijit.Toolbar");
var map, navToolbar;
function init() {
esriConfig.defaults.map.sliderLabel = null;
var customExtentAndSR = new esri.geometry.Extent(3044471.352,1463577.991,3244804.685,1637911.325,new esri.SpatialReference({"wkid":2232}));
var map = new esri.Map("map", {extent:customExtentAndSR});
var imageParameters = new esri.layers.ImageParameters();
imageParameters.format = "JPEG"; //set the image type to JPEG, note default is PNG8.
var mapServiceLayer = new esri.layers.ArcGISDynamicMapServiceLayer("http://apps.douglas.co.us/ArcGIS/rest/services/BaseMap/MapServer", {"opacity":0.85, "imageParameters":imageParameters});
map.addLayer(mapServiceLayer);
var mapServiceLayer1 = new esri.layers.ArcGISDynamicMapServiceLayer("http://apps.douglas.co.us/ArcGIS/rest/services/SnowRemoval/MapServer", {"opacity":0.6});
map.addLayer(mapServiceLayer1);
navToolbar = new esri.toolbars.Navigation(map);
dojo.connect(navToolbar, "onExtentHistoryChange", extentHistoryChangeHandler);
}
function extentHistoryChangeHandler() {
dijit.byId("zoomprev").disabled = navToolbar.isFirstExtent();
dijit.byId("zoomnext").disabled = navToolbar.isLastExtent();
}
dojo.addOnLoad(init);
</script>
</head>
<body class="tundra">
<div id="navToolbar" dojoType="dijit.Toolbar">
<div dojoType="dijit.form.Button" id="zoomin" iconClass="zoominIcon" onClick="navToolbar.activate(esri.toolbars.Navigation.ZOOM_IN);">Zoom In</div>
<div dojoType="dijit.form.Button" id="zoomout" iconClass="zoomoutIcon" onClick="navToolbar.activate(esri.toolbars.Navigation.ZOOM_OUT);">Zoom Out</div>
<div dojoType="dijit.form.Button" id="zoomfullext" iconClass="zoomfullextIcon" onClick="navToolbar.zoomToFullExtent();">Full Extent</div>
<div dojoType="dijit.form.Button" id="zoomprev" iconClass="zoomprevIcon" onClick="navToolbar.zoomToPrevExtent();">Prev Extent</div>
<div dojoType="dijit.form.Button" id="zoomnext" iconClass="zoomnextIcon" onClick="navToolbar.zoomToNextExtent();">Next Extent</div>
<div dojoType="dijit.form.Button" id="pan" iconClass="panIcon" onClick="navToolbar.activate(esri.toolbars.Navigation.PAN);">Pan</div>
<div dojoType="dijit.form.Button" id="deactivate" iconClass="deactivateIcon" onClick="navToolbar.deactivate()">Deactivate</div>
</div>
<div id="map" style="width:600px; height:600px; border:1px solid #000;"></div>
</body>
</html> |