105 lines
3.4 KiB
Plaintext
105 lines
3.4 KiB
Plaintext
|
<%@ page contentType="text/html;charset=UTF-8"%>
|
||
|
|
<%@ include file="/webpage/include/taglib.jsp"%>
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="zh-CN">
|
||
|
|
<head>
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9">
|
||
|
|
<meta name="viewport"
|
||
|
|
content="initial-scale=1, maximum-scale=1,user-scalable=no">
|
||
|
|
<title>车辆定位管理</title>
|
||
|
|
<%-- <%@ include file="/static/arcgis/arcgisHead.jsp"%> --%>
|
||
|
|
<script src="${ctxStatic }/arcgis/js/jquery-1.7.2.min.js" type="text/javascript"></script>
|
||
|
|
<link rel="stylesheet" type="text/css" href="${ctxStatic }/arcgis/style/styles.css">
|
||
|
|
<style>
|
||
|
|
.infodiv{
|
||
|
|
background:#A5EEE5;
|
||
|
|
width:300px;
|
||
|
|
margin-top: 10px;
|
||
|
|
margin-left: 10px;
|
||
|
|
box-shadow: 4px 4px 4px #888888;
|
||
|
|
}
|
||
|
|
.ys1{
|
||
|
|
height:35px;line-height:35px;font-size:14px; margin-left: 10px;
|
||
|
|
}
|
||
|
|
.img1{
|
||
|
|
width:16px;height:16px;
|
||
|
|
}
|
||
|
|
.wz1{
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
.xuxian{
|
||
|
|
width:100%;height:1px;border-bottom:1px dashed #D1D1D1;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script>
|
||
|
|
var featureLayer = "";
|
||
|
|
function jzwc() {
|
||
|
|
map.graphics.clear();
|
||
|
|
// map.removeAllLayers();//清除全部图层，包括底图
|
||
|
|
|
||
|
|
var url = "http://202.111.189.56:5003/arcgis/rest/services/dt/MapServer/0";
|
||
|
|
var fill = new esri.symbol.SimpleLineSymbol().setColor(new dojo.Color([ 0, 0, 0, 0 ]));
|
||
|
|
var renderer = new esri.renderer.UniqueValueRenderer(fill, "FID");
|
||
|
|
featureLayer = new esri.layers.FeatureLayer(url, {
|
||
|
|
mode : esri.layers.FeatureLayer.MODE_ONDEMAND
|
||
|
|
});
|
||
|
|
featureLayer.setRenderer(renderer);
|
||
|
|
map.addLayer(featureLayer);
|
||
|
|
var colorArray = [
|
||
|
|
// new dojo.Color([ 0, 176, 240, 0.5 ]),
|
||
|
|
// new dojo.Color([ 128, 146, 214, 0.5 ]),
|
||
|
|
// new dojo.Color([ 88, 210, 232, 0.5 ])];
|
||
|
|
// new dojo.Color([ 255, 164, 0, 0.5 ]),
|
||
|
|
// new dojo.Color([ 249, 144, 111, 0.5 ]),
|
||
|
|
// new dojo.Color([ 0, 229, 0, 0.5 ]),
|
||
|
|
// new dojo.Color([ 234, 205, 118, 0.5 ]),
|
||
|
|
new dojo.Color([ 233, 240, 29, 0.5 ]),
|
||
|
|
new dojo.Color([ 0, 176, 240, 0.5 ]),
|
||
|
|
new dojo.Color([ 255, 70, 31, 0.5 ])];
|
||
|
|
var gridCodes = '${showMap}';
|
||
|
|
var paramMap = gridCodes.split(",");
|
||
|
|
for (var i = 0; i < paramMap.length; i++) {
|
||
|
|
renderer.addValue(paramMap[i], new esri.symbol.SimpleFillSymbol().setColor(colorArray[i%3]));
|
||
|
|
featureLayer.setRenderer(renderer);
|
||
|
|
}
|
||
|
|
featureLayer.refresh();
|
||
|
|
|
||
|
|
|
||
|
|
dojo.connect(map, "onClick", layerOnclick);
|
||
|
|
}
|
||
|
|
function layerOnclick(evt){
|
||
|
|
var a = evt.graphic;
|
||
|
|
var b = a.attributes;
|
||
|
|
var param = b.FID;
|
||
|
|
$.ajax({
|
||
|
|
type : "POST",
|
||
|
|
url : "${ctx}/carlocation/taskCarLocation/indexShowMapInfo",
|
||
|
|
data : {
|
||
|
|
param : param
|
||
|
|
},
|
||
|
|
dataType : "text",
|
||
|
|
success : function(result) {
|
||
|
|
cscg(result);
|
||
|
|
},
|
||
|
|
failure : function(result) {
|
||
|
|
alert('Failed');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
function cscg(result){
|
||
|
|
top.layer.alert(result, {icon: 4});
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body class="calcite" style="overflow-y: hidden;">
|
||
|
|
<div id="sdf" style="float: left;z-index: 99999;position:absolute;display: block; background: #FFFFFF; margin-left: 15px;margin-top: 5px;box-shadow: 4px 4px 10px #888888;height: 30px;line-height: 30px;">
|
||
|
|
${info }
|
||
|
|
</div>
|
||
|
|
<div id="mainWindow" data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design:'headline',gutters:false" style="overflow-y: hidden;">
|
||
|
|
<div id="map" style="height: 488px;width: 100%;overflow-y: hidden;" >
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|