源码三。不做讲解，根据以前的博客去理解。

最新推荐文章于 2022-01-09 15:28:06 发布
置顶 最新推荐文章于 2022-01-09 15:28:06 发布
阅读量2.8k 收藏 1
点赞数 1
分类专栏： GIS 文章标签： openlayers
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mach365/article/details/16993879
版权 
<!-- ogen实际的 运行轨迹 -->
<%@ page contentType="text/html; charset=gb2312" %>
<%@ page import="struts.common.UserInfoBean,java.util.*" %>
<%@ page import="com.chinatelecomex.util.Constant"%>
<%@ page  pageEncoding="GB2312"%> 
<%@ page isELIgnored="true"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<html>
<head>
	<title>Gis</title>
	<link href="<%=request.getContextPath()%>/common/css/style.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript"
		src="<%=request.getContextPath()%>/lib/OpenLayers.js"></script>
	<link type="text/css" href="<%=request.getContextPath()%>/common/jquery/js/jquery-ui-1.8.11.custom.css" rel="stylesheet" />
	<SCRIPT language=javascript src="<%=request.getContextPath()%>/common/jquery/js/jquery-1.4.2.min.js"></SCRIPT>
	<SCRIPT language=javascript src="<%=request.getContextPath()%>/common/jquery/js/jquery-ui-1.8.11.custom.min.js"></SCRIPT>
	<SCRIPT language=javascript src="<%=request.getContextPath()%>/common/jquery/js/jquery-ui-i18n.js"></SCRIPT> 

<%
	response.setHeader("Pragma","No-cache");
	response.setHeader("Cache-Control","no-cache");
	response.setDateHeader("Expires", 0);
	
	UserInfoBean userInfo = (UserInfoBean)session.getAttribute("userInfo");

	ServletContext sc= this.getServletContext();
	String wms =sc.getInitParameter("WMS");
	
%>
	<style type="text/css">
		.smallmap {
		    width: 680px;
		    height: 440px;
		    border: 1px solid #ccc;
		}
       .olControlEditingToolbar .olControlModifyFeatureItemInactive { 
           background-position: -1px 0px ;                                                                   
       }
       .olControlEditingToolbar .olControlModifyFeatureItemActive { 
           background-position: -1px -23px ;                                                                   
       }
   	</style>
	<script>
	var map,layerpublic,vectors,geojson,markers;
	OpenLayers.DOTS_PER_INCH = 90.71428571428572;
	OpenLayers.Util.onImageLoadErrorColor = 'transparent';
	function init(){
		var bounds = new OpenLayers.Bounds(
			73.447,6.319,135.086,67.95800000000001
		);
		var options = { 
			resolutions: [0.3515625, 0.17578125, 0.087890625, 0.0439453125, 0.02197265625, 0.010986328125, 0.0054931640625, 0.00274658203125, 0.001373291015625, 6.866455078125E-4, 3.4332275390625E-4, 1.71661376953125E-4, 8.58306884765625E-5, 4.291534423828125E-5, 2.1457672119140625E-5, 1.0728836059570312E-5, 5.364418029785156E-6, 2.682209014892578E-6],
			projection: new OpenLayers.Projection('EPSG:4326'),
			maxExtent: new OpenLayers.Bounds(-180.0,-90.0,180.0,90.0),
			units: "meters",
			controls: [new OpenLayers.Control.Navigation(),new OpenLayers.Control.PanPanel(),new OpenLayers.Control.ZoomPanel()]
		};
		
		map = new OpenLayers.Map('map',options);
		layerpublic = new OpenLayers.Layer.WMS( "china",
			//"http://192.168.0.7:8089/geoserver/gwc/service/wms",
			"<%=wms%>",
			{
				layers: 'jilin-map',
				srs: 'EPSG:4326',
				format: 'image/png'
			},
			{
			 tileSize: new OpenLayers.Size(256,256)
			}
		);  
		//alert("after layer");
		map.addLayer(layerpublic);
		
		//map.zoomToMaxExtent();
		markers = new OpenLayers.Layer.Markers("markers");
		map.addLayer(markers);
		/*
		var styleMap = new OpenLayers.StyleMap({
			  "default": {
					fillOpacity: 1,
					strokeOpacity:1,
					strokeColor: "#000000",
					label: "\n\n${ogenId}",
					fontColor: "#000000",
					fontSize: "12px",
					fontFamily: "Courier New, monospace",
					fontWeight: "bold",
					labelAlign: "cm",//cm,lb,rt
					graphicWidth:30,
					graphicHeight:25,
					cursor:"hand"
			  },
			  "select": {
					fillOpacity: 0.25
			  }
		});
		*/
		
		var styleMap = new OpenLayers.StyleMap({
	        "default": new OpenLayers.Style(null, {
	            rules: [
	                new OpenLayers.Rule({
	                    symbolizer: {
	                        "Point": {
	                            //pointRadius: 4,
					            //graphicName: "square",
					            //fillColor: "red",
					            fillOpacity: 1,//${opacity}
					            //strokeWidth: 1,
					            strokeOpacity:1,
					            strokeColor: "#000000",
					            label : "${speed} km/h",
					            fontColor: "#000000",
					            fontSize: "12px",
					            fontFamily: "Courier New, monospace",
					            fontWeight: "bold",
					            labelAlign: "rt",//cm,lb,rt
					            graphicWidth:30,
					            graphicHeight:25,
					            externalGraphic: "../images/youjie.png"
	                        },
	                        "Line": {
	                            strokeWidth: 3,
					            strokeOpacity: 1,
					            fillColor: "${color}",
					            strokeColor: "${color}",
					            strokeDashstyle: "dash"
	                        }
	                    }
	                })
	            ]
	        })
	        /*
	        ,
	        "select": new OpenLayers.Style(null, {
	            rules: [
	                new OpenLayers.Rule({
	                    symbolizer: {
	                        "Point": {
	                            fillOpacity: 0.25
	                        },
	                        "Line": {
	                            strokeWidth: 3,
	                            strokeOpacity: 1,
	                            fillColor: "#000000",
	                            strokeColor: "#000000"
	                            //strokeDashstyle: "dash"
	                        }
	                    }
	                })
	            ]
	        })
	        */
	    });
		
		// add rules from the above lookup table
		/*
		styleMap.addUniqueValueRules("default", "state", {
			"0": {externalGraphic: "<%=request.getContextPath()%>/images/youji1.png"},
			"1": {externalGraphic: "<%=request.getContextPath()%>/images/youji1.png"},
			"2": {externalGraphic: "<%=request.getContextPath()%>/images/youji2.png"},
			"3": {externalGraphic: "<%=request.getContextPath()%>/images/youji3.png"},
			"4": {externalGraphic: "<%=request.getContextPath()%>/images/youji2.png"},
			"5": {externalGraphic: "<%=request.getContextPath()%>/images/youji2.png"},
			"6": {externalGraphic: "<%=request.getContextPath()%>/images/youji2.png"},
			"7": {externalGraphic: "<%=request.getContextPath()%>/images/youji2.png"}
		});
		*/
		
		vectors = new OpenLayers.Layer.Vector("Simple Geometry", {
			styleMap: styleMap,
			rendererOptions: {zIndexing: true}
		});
		map.addLayer(vectors);
		
		selectControl = new OpenLayers.Control.SelectFeature(vectors);
		map.addControl(selectControl);
		selectControl.activate();
		/*
		vectors.events.on({
			'featureselected': onFeatureSelect
		});
		*/
		measure();
		initother();
	}
	</script>
	
</head>

<body  style="margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;">
	<div id="map" style="margin:0"></div>
	<s:hidden name="flowId" value="%{flowId}" id="flowId"></s:hidden>
	<s:hidden name="ogenId" value="%{ogenId}" id="ogenId"></s:hidden>
	<s:hidden name="btsState" value="%{btsState}" id="btsState"></s:hidden>
	<s:hidden name="btsName" value="%{btsName}" id="btsName"></s:hidden>
	<s:hidden name="areaCode" value="%{areaCode}" id="areaCode"></s:hidden>
	<s:hidden name="btsLongitude" value="%{btsLongitude}" id="btsLongitude"></s:hidden>
	<s:hidden name="facLongitude" value="%{facLongitude}" id="facLongitude"></s:hidden>
</body>
<div id="detail"></div>
<script>
	var areaCode='<%=userInfo.getAreaCode()%>';
	function initother(){
	
		// add some editing tools to a panel
       var panel = new OpenLayers.Control.Panel({
           displayClass: "olControlEditingToolbar"
       });
       modify = new OpenLayers.Control.Button({
           title: "随油机而动",
           trigger: function() {
              	setFix();
              	if(fix==1){
              		modify.activate();
              	}else{
              		modify.deactivate();
              	}
           },
           displayClass: "olControlModifyFeature"
       });
       measure = new OpenLayers.Control.Button({
           title: "目测",
           trigger: function() {
           		setMea();
			    control = measureControls['line'];
			    if(mea && mea==1) {
			        control.activate();
			        measure.activate();
			    } else {
			    	if(popup2){
			        	popup2.hide();
			        }
			        control.deactivate();
			        measure.deactivate();
			    }
           },
           displayClass: "olControlDrawFeaturePolygon"
       });
       
       panel.addControls([
       	   measure,
       	   modify
           
       ]);
       map.addControl(panel);
       modify.activate();

       if(areaCode=="-1"){
       	map.setCenter(new OpenLayers.LonLat(125.30593872070312, 43.87017822557581),5);
       }
       if(areaCode.indexOf("1")==0){
       	//长春
       	map.setCenter(new OpenLayers.LonLat(125.30593872070312, 43.87017822557581),9);
       }
       if(areaCode.indexOf("2")==0){
       	//吉林
       	map.setCenter(new OpenLayers.LonLat(126.54957208782434, 43.837883069515065),9);
       }
       if(areaCode.indexOf("3")==0){
       	//延吉
       	map.setCenter(new OpenLayers.LonLat(129.71832275390625, 42.898100636939276),9);  	
       }
       if(areaCode.indexOf("4")==0){
       	//四平
       	map.setCenter(new OpenLayers.LonLat(124.35012817382812, 43.167125915000284),9);  	
       }
       if(areaCode.indexOf("5")==0){
       	//通化
       	map.setCenter(new OpenLayers.LonLat(125.93971252441406, 41.72828028223453),9);
       }
       if(areaCode.indexOf("6")==0){
       	//白城
       	map.setCenter(new OpenLayers.LonLat(122.83882141113281, 45.61980072095504),9);
       }
       if(areaCode.indexOf("7")==0){
       	//辽源
       	map.setCenter(new OpenLayers.LonLat(125.13633728027344, 42.896088552971065),9);
       }
       if(areaCode.indexOf("8")==0){
       	//松原
       	map.setCenter(new OpenLayers.LonLat(124.82511788606643, 45.141789104141836),9);
       }
       if(areaCode.indexOf("9")==0){
       	//白山
       	map.setCenter(new OpenLayers.LonLat(126.44920349121094, 41.94110578381598), 9);
       }
       /*
       if(parent.frames["right"]){
		  parent.frames["right"].setParam(document.getElementById('flowId').value,document.getElementById('ogenId').value);
		}
		*/
	}
</script>	
<script>
var orieSeri = "-1";
var fix = 1;//是否固定地图
var mea = 0;
var oldSeri2 = -1;
function locorie(){
	$.post("../ogenmap/ogenTrackNew_orie.action?ogenId="+document.getElementById('ogenId').value+"&flowId="+document.getElementById('flowId').value+"&orieSeri="+orieSeri,function (d){
		var data=d.split("---");
		//alert(data);
		var detailInfo=(data.length<2?"none":data[1]);
		geojson = new OpenLayers.Format.GeoJSON();
		var features = geojson.read(data[0],"FeatureCollection");
		var bounds;
		if(features) {
			if(vectors){
				//markers.clearMarkers();
				if(fix==1){
					for(var i=0; i<features.length; ++i) {
		                 if (!bounds) {
		                     bounds = features[i].geometry.getBounds();
		                 } else {
		                     bounds.extend(features[i].geometry.getBounds());
		                 }
		            }
		            var lonlat = document.getElementById("btsLongitude").value;
		            if(lonlat){
		            	var lon = lonlat.split(",")[0];
					 	var lat = lonlat.split(",")[1];
		            	if (!bounds) {
		            		 bounds = new OpenLayers.Bounds();
		                     bounds.extend(new OpenLayers.LonLat(lon,lat));
		                 } else {
		                     bounds.extend(new OpenLayers.LonLat(lon,lat));
		                 }
					}
					var lonlat2 = document.getElementById("facLongitude").value;
					if(lonlat2){
		            	var lon2 = lonlat2.split(",")[0];
					 	var lat2 = lonlat2.split(",")[1];
		            	if (!bounds) {
		            		 bounds = new OpenLayers.Bounds();
		                     bounds.extend(new OpenLayers.LonLat(lon2,lat2));
		                 } else {
		                     bounds.extend(new OpenLayers.LonLat(lon2,lat2));
		                 }
					}
	            }
	            var removeFeature = false;
	            for(var i=0; i<features.length; i++) {
	                if(features[i].geometry.CLASS_NAME=="OpenLayers.Geometry.Point"){
	                	removeFeature = true;
	                }
	            }
	            if(removeFeature){
		            var oldFeatures = vectors.features;
		            for(var i=0; i<oldFeatures.length; i++) {
		                if(oldFeatures[i].geometry.CLASS_NAME=="OpenLayers.Geometry.Point"){
		                	vectors.removeFeatures(oldFeatures[i]);
		                }
		            }
		        }
	            vectors.addFeatures(features);
	            if(bounds){
					map.zoomToExtent(bounds);
				}
	            for(var i=0; i<features.length; i++) {
	                if(features[i].geometry.CLASS_NAME=="OpenLayers.Geometry.Point"){
	                	if(vectors&&vectors.getFeatureByFid(orieSeri)){
	                		vectors.removeFeatures(vectors.getFeatureByFid(orieSeri));
	                	}
	                	orieSeri = features[i].attributes.id;
	                }
	            }
	         }
         }
         if(detailInfo.length>0){
			if(parent.frames["right"]){
				parent.frames["right"].dispalyDetailInfo(detailInfo,document.getElementById('flowId').value);
			}
		 }
	});
}

function bts_state()
{
	$.post("../ogenmap/ogenTrack_getCurrentBtsState.action?flowId="+document.getElementById('flowId').value,function (data){
		//alert(data);
		creBts(data,1);
	});
}


var measureControls;
function measure(){
	var sketchSymbolizers = {
        "Point": {
            pointRadius: 4,
            graphicName: "square",
            fillColor: "white",
            fillOpacity: 1,
            strokeWidth: 1,
            strokeOpacity: 1,
            strokeColor: "#333333"
        },
        "Line": {
            strokeWidth: 3,
            strokeOpacity: 1,
            strokeColor: "#FF0000",
            strokeDashstyle: "dash"
        }
    };
    var style = new OpenLayers.Style();
    style.addRules([
        new OpenLayers.Rule({symbolizer: sketchSymbolizers})
    ]);
    var styleMap = new OpenLayers.StyleMap({"default": style});
    
    measureControls = {
        line: new OpenLayers.Control.Measure(
            OpenLayers.Handler.Path, {
                persist: true,
                handlerOptions: {
                    layerOptions: {styleMap: styleMap}
                }
            }
        )
    };
    
    var control;
    for(var key in measureControls) {
        control = measureControls[key];
        control.events.on({
            "measure": handleMeasurements,
            "measurepartial": handleMeasurements
        });
        map.addControl(control);
    }
}
var popup2;
function handleMeasurements(event) {
    var geometry = event.geometry;
    var units = event.units;
    var order = event.order;
    var measure = event.measure;
    if(geometry){
    	var point;
	    if(geometry.getVertices()&&geometry.getVertices().length>1){
	    	point = geometry.getVertices()[geometry.getVertices().length-1];
	    }
		if (popup2 == null) {
	  		popup2 = new OpenLayers.Popup("Measure", 
	  			new OpenLayers.LonLat(point.x,point.y),
	            new OpenLayers.Size(150,35),
	            "",
	            false);//右上角关闭按钮
            popup2.setBackgroundColor("#F7C329");
            popup2.setOpacity(0.9);
            map.addPopup(popup2);
        } else {
            popup2.show();
            popup2.lonlat = new OpenLayers.LonLat(point.x,point.y);
           	map.addPopup(popup2);
        }
        var data = "";
        if(order == 1) {
        	data += "距离: " + measure.toFixed(1) + " " + units;
	    } else {
	        data += "距离: " + measure.toFixed(1) + " " + units + "<sup>2</" + "sup>";
	    }
        popup2.setContentHTML(data);
	}
}


function setFix(){
	if(fix==0){
		fix = 1;
	}else{
		fix = 0;
	}
}
function setMea(){
	if(mea==0){
		mea = 1;
	}else{
		mea = 0;
	}
}
function startOrie(){
	var t=setTimeout("locorie();startOrie();bts_state();bts_track()",10000);
}
 
init();
init_bts_track();
locorie();
bts_state();
startOrie();
creFac();
bts_track();
creBts(document.getElementById("btsState").value,0);

function creFac() {
 	var val = document.getElementById("facLongitude").value;
 	if(val==''){
 		return ;
 	}
 	val =val.split(",");
 	var lon = val[0];
 	var lat = val[1];
    size = new OpenLayers.Size(50,50);
       calculateOffset = function(size) {
                    return new OpenLayers.Pixel(-(size.w/2), -size.h); };
       icon = new OpenLayers.Icon(
            '<%=request.getContextPath()%>/img/wh.gif',
            size, null, calculateOffset);
       var markerfac = new OpenLayers.Marker(new OpenLayers.LonLat(lon,lat),icon);
       markers.addMarker(markerfac);
       map.setCenter(new OpenLayers.LonLat(lon,lat), 13);
        
    }
    
 var markerBts;
 var btsFeature;
  function creBts(btsState,state){
	var val = document.getElementById("btsLongitude").value;
	//alert("a:"+btsState+" | b:"+state+" | c:"+val);
	if(val==''){
		return;
	}
	val =val.split(",");
	var lon = val[0];
	var lat = val[1];
	
	var pic="";
	switch(btsState){	
		case '1':
			pic = "<%=request.getContextPath()%>/img/btsgre.png";
			break;
		case '0':
			pic = "<%=request.getContextPath()%>/img/btsred.png";
			break;	
		case '2':
			pic = "<%=request.getContextPath()%>/img/btsblu.png";
			break;
		case '3':
			pic = "<%=request.getContextPath()%>/img/btsyel.png";
			break;	
		case '4':
			pic = "<%=request.getContextPath()%>/img/btsgra.png";
			break;	
		default:
			pic = "<%=request.getContextPath()%>/img/btsred.png";
	} 
	if(state==0){
     	btsState = document.getElementById("btsState").value;      	
     	if(btsFeature){
  			vectors_bts.removeFeatures(btsFeature);
    	}
    }else if(state==1){
     	if(btsState == document.getElementById("btsState").value){
     		return;
     	}else{
     		document.getElementById("btsState").value = btsState;
     		if(btsFeature){
   			vectors_bts.removeFeatures(btsFeature);
     	}
     	}
    }
    
	//画点
    var point = new OpenLayers.Geometry.Point(lon, lat);
    var btsName=document.getElementById("btsName").value
    //alert(lon+"  "+lat);
    var btsFeature = new OpenLayers.Feature.Vector(point);
    btsFeature.attributes = {
        lab: btsName,
        picUrl:pic
    };
    vectors_bts.addFeatures([btsFeature]);
   	/*
   	size = new OpenLayers.Size(50,50);
      calculateOffset = function(size) {
          return new OpenLayers.Pixel(-(size.w/2), -size.h);
      };
	//alert(1+"  "+state);
      if(state==0){
      	btsState = document.getElementById("btsState").value;
      	if(markerBts){
     			markers.removeMarker(markerBts);
     		}
      }else if(state==1){
      	if(btsState == document.getElementById("btsState").value){
      		return;
      	}else{
      		document.getElementById("btsState").value = btsState;
      		if(markerBts){
      			markers.removeMarker(markerBts);
      		}
      	}
      }
      var pic="";
//alert(btsState);
    switch(btsState){	
		case '1':
			pic = "<%=request.getContextPath()%>/img/btsgre.png";
			break;
		case '0':
			pic = "<%=request.getContextPath()%>/img/btsred.png";
			break;	
		case '2':
			pic = "<%=request.getContextPath()%>/img/btsblu.png";
			break;
		case '3':
			pic = "<%=request.getContextPath()%>/img/btsyel.png";
			break;	
		case '4':
			pic = "<%=request.getContextPath()%>/img/btsgra.png";
			break;	
		default:
			pic = "<%=request.getContextPath()%>/img/btsred.png";
	} 
      icon = new OpenLayers.Icon(pic,size, null, calculateOffset);
      markerBts = new OpenLayers.Marker(new OpenLayers.LonLat(lon,lat),icon);
      markers.addMarker(markerBts);
      */
      
    if(state==0){
      	var bounds;
   		if(lon&&lat){
	      	if (!bounds) {
	      		 bounds = new OpenLayers.Bounds();
	             bounds.extend(new OpenLayers.LonLat(lon,lat));
	        } else {
	             bounds.extend(new OpenLayers.LonLat(lon,lat));
	        }
		}
		var lonlat2 = document.getElementById("facLongitude").value;
		if(lonlat2){
        	var lon2 = lonlat2.split(",")[0];
	 		var lat2 = lonlat2.split(",")[1];
	       	if (!bounds) {
	       		 bounds = new OpenLayers.Bounds();
	             bounds.extend(new OpenLayers.LonLat(lon2,lat2));
	        } else {
	             bounds.extend(new OpenLayers.LonLat(lon2,lat2));
	        }
		}
	    if(bounds){
			map.zoomToExtent(bounds);
		}
    }
}


var vectors_bts;
function init_bts_track(){
	var styleMap_bts = new OpenLayers.StyleMap({
       "default": new OpenLayers.Style(null, {
           rules: [
               new OpenLayers.Rule({
                   symbolizer: {
                       "Point": {
                           fillOpacity: 1,//${opacity}
			            //strokeWidth: 1,
			            strokeOpacity:1,
			            strokeColor: "#000000",
			            label : "${lab}",
			            fontColor: "#000000",
			            fontSize: "12px",
			            fontFamily: "Courier New, monospace",
			            fontWeight: "bold",
			            labelAlign: "rt",//cm,lb,rt
			            graphicWidth:50,
			            graphicHeight:50,
			            externalGraphic: "${picUrl}"
                       },
                       "Line": {
                        strokeWidth: 3,
			            strokeOpacity: 1,
			            fillColor: "${color}",
			            strokeColor: "${color}",
			            strokeDashstyle: "dash"
                       }
                   }
               })
           ]
       })
   });
				   
	vectors_bts = new OpenLayers.Layer.Vector("Simple Geometry", {
		styleMap: styleMap_bts,
		rendererOptions: {zIndexing: true}
	});
	map.addLayer(vectors_bts);
}

var arrFeature=new Array();
var arrLonLat=new Array();
var arrState=new Array();
function bts_track(){
	$.post("../ogenmap/ogenTrack_bts_track.action?flowId="+document.getElementById('flowId').value,function (d){
		if(d!='none'){
			var data=d.split("---");
			if(data.length==3){
				var val =data[1].split(",");
				var lon = val[0];
				var lat = val[1];
				var num=IsContain(arrLonLat,data[1]);
				//alert(data[0]+" "+num+" "+arrLonLat.length);
				if(num<0){
					
					arrLonLat.push(data[1]);
					arrState.push(data[2]);
					
					var pic;
					switch(data[2]){	
						case '1':
							pic = "<%=request.getContextPath()%>/img/btsgre.png";
							break;
						case '0':
							pic = "<%=request.getContextPath()%>/img/btsred.png";
							break;	
						case '2':
							pic = "<%=request.getContextPath()%>/img/btsblu.png";
							break;
						case '3':
							pic = "<%=request.getContextPath()%>/img/btsyel.png";
							break;	
						case '4':
							pic = "<%=request.getContextPath()%>/img/btsgra.png";
							break;	
						default:
							pic = "<%=request.getContextPath()%>/img/btsred.png";
					} 
					
					
					//画点
				    var point = new OpenLayers.Geometry.Point(lon, lat);
				    //alert(lon+"  "+lat);
				    var pointFeature = new OpenLayers.Feature.Vector(point);
				     pointFeature.attributes = {
		                lab: data[0],
		                picUrl:pic
		            };
				    vectors_bts.addFeatures([pointFeature]);
				    
					arrFeature.push(pointFeature);
				}else{
					//基站状态变更
					if(arrState[num]!=data[2]){
						//变更状态
						arrState[num]=data[2];
						
						var pic;
						switch(data[2]){	
							case '1':
								pic = "<%=request.getContextPath()%>/img/btsgre.png";
								break;
							case '0':
								pic = "<%=request.getContextPath()%>/img/btsred.png";
								break;	
							case '2':
								pic = "<%=request.getContextPath()%>/img/btsblu.png";
								break;
							case '3':
								pic = "<%=request.getContextPath()%>/img/btsyel.png";
								break;	
							case '4':
								pic = "<%=request.getContextPath()%>/img/btsgra.png";
								break;	
							default:
								pic = "<%=request.getContextPath()%>/img/btsred.png";
						}
						
						//替换以前的基站图层
						var tFeature=arrFeature[num];
						vectors_bts.removeFeatures(tFeature);
						
						//画点
					    var point = new OpenLayers.Geometry.Point(lon, lat);
					    //alert(lon+"  "+lat);
					    tFeature = new OpenLayers.Feature.Vector(point);
					    tFeature.attributes = {
			                lab: data[0],
			                picUrl:pic
			            };
					    vectors_bts.addFeatures([tFeature]);
						
						arrFeature[num]=tFeature;
					}
				}
			}
		}
	});
}
Array.prototype.remove = function(b) { 
	var a = this.indexOf(b); 
	if (a >= 0) { 
		this.splice(a, 1); 
		return true; 
	} 
	return false; 
};
function IsContain(arr,value)
{
  for(var i=0;i<arr.length;i++)
  {
     if(arr[i]==value)
      return i;
  }
  return -1;
}
function getWidth(){
	return document.body.offsetWidth;//scrollHeight;
}
</script>
</html>


 

真不知道是谁
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
OpenLayers API整理
diaoyanbian8143的博客
05-07 2255
整理的Openlayers 的知识笔记，随着运用不断加深理解，也会不断更新。 本文链接：Openlayers API整理 作者：狐狸家的鱼 GitHub：八至 一、创建地图 1、地图Map 创建地图底图：需要用new ol.Map({}) 地图map是由图层layers、一个可视化视图view、用于修改地图内容的交互interaction以及使用UI...
supermap学习系列（八）——上一篇的另一种实现方式（给要素图层SuperMap.Layer.Vector注册事件）
duyelang的专栏
03-04 5272
学习笔记，方便以后查阅。 上代码： http://www.w3.org/1999/xhtml">                                   var map, layer, popup;         var featuresLayer, drawLine, drawPoint, drawPolygon, selectDrawFeatur
5G专业词汇缩略表
Linzerox的博客
01-09 4248
此文整理了5G常用的缩略词，方便诸位查阅
OpenLayers 获取图层（ol.source.Vector类）中Features的各种方式
AE_yang的博客
09-23 1万+
目录 一、获取图层源 二、调用方法 方法一：forEachFeature 方法二： getFeatures 1.1 featuresCollection_ 1.2 featuresRtree_ 方法三：getFeatureById 一、获取图层源 所有方法都基于source层，所有需要先获得ol.source.Vector的实例 layerName.getSource() 二、调用方法 方法一：forEachFeature 该方法可以直接...
openlayers交互编辑图层，进行增删改查并实时入库
popstarqq的博客
07-14 2302
如果有在线修改要素并入库的需求，可以考虑该技术方案，前提是需要用geoserve将postgis数据库的数据发布为wfs服务，然后可以用openlayers 在线进行编辑并实时入库的操作 如何删除一个元素
openlayers 结合echart 完成交互事件
q1025387665a的博客
04-30 527
前言：事先说明，以下相关代码实现了点击echart中的series line ，也就是那种标记点 包括label，然后在地图中显示该数据。同时由于封装有相关的方法我也不想写的又臭又长，希望你们能从代码中有些收获，你不能直接拿来就用，如果觉得我的思路还可以请结合自身业务进行改动，这里先交代一下我的业务：点击echart中的标记点后，在地图的要素位置中显示该数值。这其中由于这个feature里面已经存在text，所以得额外的去增加text，看图。 这个实现的思路让我思考了几个小时，先说说思考的路程，首先我是打
OpenLayers中图属查询及属性过滤
心如止水 宠辱不惊
01-09 1万+
var map, ctrlLyrSwitcher, measureControls; var markers; var wfs; var field = 'Linetype'; //属性名 var val = 'DASHED'; //参数值 var flag = true; function init() { format = 'image/png'; map = new OpenLa
深入理解C#(c# in depth)第三版 源码
09-20
深入理解C#(c# in depth)第三版 源码 从C# in depth 网站上下载的
非常漂亮的个人博客网站源码
07-09
经典成品网站非常漂亮的个人博客网站源码非常漂亮的个人博客网站源码非常漂亮的个人博客网站源码非常漂亮的个人博客网站源码
易语言人手必备三万源码+一千模块
10-03
易语言的三万源码+一千模块，非常实用。 建议人手必备。 源码的日期可能有点老，但很多例子都可以用。 具体请访问：https://www.bilibili.com/video/BV1oK4y187sZ
博客推荐系统源码
02-18
运行博客推荐程序需要注意的地方： 1. 打开mysql，增加blog数据库；修改src下面的jdbc.properties文件的用户名和密码； 2. 修改blog.xml（和Readme.txt同目录）的docBase为本地目录,放在tomcat的conf\Catalina\...
个人博客系统PHP源码
08-01
一套完整的个人博客系统PHP源码，本人亲测可用。
Openlayers展现点元素
热门推荐
不知道是谁的博客
09-01 1万+
【目标1】通过Openlayers展现后台服务提供的一个点的元素信息。 【步骤】a.地图服务、b.后台查询点经纬度、c.后台拼写JSON串服务、d.Ajax异步获取JSON串、e.页面展现 a.地图服务:依据个人地图服务而定，这里不累述。 b.后台查询点经纬度:后台查询数据库，获取点的经纬度[125.37673830988,43.858870032345]，这里不...
小马看GIS--GeoWebCache配置
不知道是谁的博客
07-10 1万+
前些天，把TileCache配置成功后，今天又把GeoWebCache配置成功了。TileCache配置的步骤改天再写。今天只想说说配置GeoWebCache的步骤。不多说需要准备的环境了，像geoServer的安装、发布地图、使用Udig创建SLD。这里需要用的到的一个Jar包必须准备好:geowebcache-0.8.3.war.zip。解压geowebcache-0.8.3.war.zip包
小马看GIS--Shapefile文件解析(一)
不知道是谁的博客
05-19 1万+
本文由Shapefile文件介绍和Shapefile文件解析(文件读取、文件写入)构成。转载请注明出处。1.Shapefile文件介绍         shapefile是一种基于文件方式存储GIS数据的文件格式，是GIS中比较通用的一种数据格式。至少由.shp,.dbf,.shx三个文件组成：.shp--储存地理要素的几何关系的文件 .shx--储存图形要素的几何索引的文件 .d
Geoserver项目开发(四)--不同比例显示不同图层
不知道是谁的博客
03-19 8153
不同比例显示不同图层，是通过SLD来控制的。 比如说：国界、省界这些图层，肯定是无论任何比例都显示。 但是，一些图层，需要一定比例后才显示。 要实现这一点，就需要SLD来控制了。 做法如下：参看小马看GIS-UDIG是如何制作SLD文件的。 步骤中，只需把比例选中即可。 首先加载了两个图层、一个省界、一个水系。这两个图层现在是任何比例都可以看到。
Geoserver项目开发(三) -图层加载限制(二)
不知道是谁的博客
11-04 6644
图层加载限制通过geoserver提供的图层组可以解决。首先将图层分类。我的图层分了4组图层组。 region组：topp:bou2_4p,topp:shijie_region,topp:huposhuiku_region,topp:shuangxianhe_region,topp:lvdi_region,topp:jumindi_region,topp:chengshij
小马看Gis-关于WMS坐标(一)
不知道是谁的博客
08-09 6531
WMS 坐标
可以结合源码讲解下不
最新发布
06-02
好的，我们可以结合 Linux 内核源码中的内存屏障函数 `mb()` 来讲解内存屏障的实现。 在 Linux 内核中，`mb()` 函数是用来实现内存屏障的。`mb()` 函数实际上是一个宏，其定义如下： ```c #define mb() asm ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值