- 浏览: 281220 次
- 性别:
- 来自: 深圳
文章分类
最新评论
-
cheetah_ysc:
不错不错,我喜欢!
Java固定时间间隔执行 -
voyage_mh:
阿选百度竟然一下可以吧你百度出来
使用DWR注解Annotation
<link href="<%=request.getContextPath()%>/css/default.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/js/openlayers/theme/default/style.css" /> <script type="text/javascript" src="<%=request.getContextPath()%>/js/dtree/wtree.js"></script> <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.4.2.min.js"></script> <script src="<%=request.getContextPath()%>/js/common.js"></script> <script src="<%=request.getContextPath()%>/js/datagrid.js"></script> <script type="text/javascript" src="<%=request.getContextPath()%>/js/My97DatePicker/WdatePicker.js"></script> <script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA0tE6QtF1vsojmaotduPfjBRBKcH7-eLuIkbT9iyHxqbO9bzD9xR5EED_3AiWQGcoowRrgrOqEvUWFA"></script> <script type="text/javascript" src="<%=request.getContextPath()%>/js/openlayers/lib/OpenLayers.js"></script>
<script defer="defer" type="text/javascript"> var map; var controls; var popup; var markers; var index=0; var pgoogle = new OpenLayers.Projection("EPSG:900913"); var pdis = new OpenLayers.Projection("EPSG:4326"); var markerArr=new Array(); var selmarkers; var flag=false; var timeover; var satellite1; $(function(){ $("#guiji").click(function(){ var selids=deptTree.getCheckedNodes(); var str=""; for(var n=0; n<selids.length; n++){ if (selids[n]>1000){ str+=(selids[n]-1000)+";"; } } var c=document.getElementById('mobileId'); c.value=str; var beginTime = document.getElementById("strBeginDate").value; var endTime = document.getElementById("strEndDate").value; if(str == ""){ alert("请选择定位的目标!"); }else if(Date.parse(beginTime.replace(/-/g, "/")) > Date.parse(endTime.replace(/-/g, "/"))){ alert("开始时间不能大于结束时间!"); }else{ var findForm = document.forms['findfoot']; findForm.submit(); } }); }) function init(){ var options = { projection: pgoogle, units: "m", maxResolution: 156543.0339, maxExtent: new OpenLayers.Bounds(-20037508.34, -20037508.34,20037508.34, 20037508.34) }; map = new OpenLayers.Map('map',options); var satellite2 = new OpenLayers.Layer.Google( "Google Satellite2" ,{type: G_SATELLITE_MAP, 'maxZoomLevel':18,sphericalMercator:true} ); var satellite1 = new OpenLayers.Layer.Google( "Google Satellite1" ,{type: G_NORMAL_MAP, 'maxZoomLevel':18,sphericalMercator:true} ); polygonLayer = new OpenLayers.Layer.Vector("Polygon Layer"); map.addLayers([satellite1,satellite2,polygonLayer]); map.setCenter(new OpenLayers.LonLat(114.062, 22.54).transform(pdis,pgoogle), 12); map.addControl(new OpenLayers.Control.MousePosition()); map.addControl(new OpenLayers.Control.OverviewMap()); map.addControl( new OpenLayers.Control.PanZoomBar() ); markers = new OpenLayers.Layer.Markers( "Markers" ); map.addLayer(markers); <% if(locationMap != null){ for(Iterator<String> iterator = locationMap.keySet().iterator(); iterator.hasNext();) { String key = (String)iterator.next(); %> var pointArr=new Array(); var fea2; var oLine; <% List locationList = (List)locationMap.get(key); Iterator iter2 = locationList.iterator(); while(iter2.hasNext()){ Location loc = (Location)iter2.next(); %> var lat = <%=loc.getLongitude()%>; var lonb = <%=loc.getLatitude()%>; var oPoint = new OpenLayers.Geometry.Point(lonb,lat); pointArr.push(oPoint); var feature = new OpenLayers.Feature(satellite1, new OpenLayers.LonLat(lonb,lat)); feature.popupClass = OpenLayers.Class(OpenLayers.Popup.FramedCloud, { 'autoSize': true }); marker = feature.createMarker(); markerArr.push(marker); markers.addMarker(marker); <% } %> if(pointArr.length>1){ oLine=new OpenLayers.Geometry.LineString(pointArr); fea2 = new OpenLayers.Feature.Vector(oLine); fea2.style={fillColor:"#ee9900"}; polygonLayer.addFeatures([fea2]); } <% } } %> } function mousedown(evt) { if (popup == null) { popup = feature.createPopup(true); popup.lonlat=this.lonlat; popup.setContentHTML("<div style='background-color:red; width:150;height:100'><a href='http://www.somethingconstructive.net' target='_blank'>click me</a></div>"); popup.setBackgroundColor("yellow"); popup.setOpacity(0.7); markers.map.addPopup(popup); } else { popup.lonlat=this.lonlat; popup.toggle(); } OpenLayers.Event.stop(evt); } </script>
<div id="map" style="width: 100%; height: 100%; float: left;"></div>
<% List employeeList = (List)request.getAttribute("employees"); List departmentList=(List)request.getAttribute("departments"); HashMap locationMap = (HashMap)request.getAttribute("location"); %>
发表评论
-
资源与效率:Java线程池
2011-10-25 16:41 939一、前言 在软件开 ... -
并发处理
2011-08-10 16:27 976public static void main(String[ ... -
dtree的一个简单的POJO树
2011-04-06 15:24 1044<script type="text/java ... -
JS处理键盘事件
2011-04-01 14:24 886function login(){ var loginFo ... -
根据List生成XML利用HttpClient发送给MPC
2011-03-28 17:01 1491此程序是根据一个List,然后生成一个XML的文件,然后再使用 ... -
自定义监听器监听数据库中数据的变化
2011-03-22 15:14 5103此程序只是一个简单的例子,主要监听数据库中Location的数 ... -
dtree的使用
2011-02-28 10:45 1010解压缩dtree.zip 包。 dtr ... -
后台启动一个进程(报警)
2011-02-24 11:38 3384当点击启动的时候,会调用后台的代码(当然会传一个参数过去) ... -
JS要来自动判断密码的安全强度
2011-02-24 10:50 1339先看效果 代码 <%@ page language ... -
JS的一个时间段的特效
2011-02-24 10:25 1102先看效果 看代码 <%@ page langua ... -
OpenLayers的使用(google地图)
2011-02-23 15:13 2895要使用google地图,先要获得google的密钥,可以使用了 ...
相关推荐
openlayers画轨迹功能,实现动态回访
OpenLayers3加载谷歌地图,加载谷歌地图显示,实现效果很好,放大比例尺也能看得清楚。文章链接:https://blog.csdn.net/Gary_888/article/details/89914290
使用openlayers加载离线地图实例,可通过mui打包成app。简单,易上手
使用openlayers展示对象的移动轨迹
OpenLayers 3 地图框选 Draw 画多边形 Polygon 获取坐标
openlayers 调用百度地图
此代码为结合openlayers5和谷歌在线地图,可供初学者参考。谷歌影像图需要更改url即可。
openlayers 加载天地图示例
Openlayers利用获取的坐标集,在地图上实现轨迹回放功能 Openlayers利用获取的坐标集,在地图上实现轨迹回放功能
webgis开发,文件里包含用openlayers3加载百度地图、天地图、高德地图、google地图等源代码,很全很实用。
openlayers 已知线路,获取坐标,实时渲染坐标位置,回放轨迹功能
openlayers3 画线,画扇形图, 能正常运行的小例子,
openlayers3以上版本,地图中选择要素后自定义右键功能
openlayers3 调用离线谷歌切片地图 示例
openLayers 在地图上添加一个点并保存 39 openLayers 各个参数的意义 42 geoserver能搞出这种风格的图来吗? 43 关于SLD的线切割后的设置 43 GEOSERVE 标注铁路,使用 SLD 44 geoserver 发布.shp 中文乱码问题 怎么...
使用openlayers5加载天地图影像,可以供参考使用,希望可以改进代码,重新使用。
接天地图影像、地形等基础地理信息服务;各类数据的服务器地址,瓦片下载url拼接方法等等
可直接运行,简易的openlayers发布离线瓦片数据的DEMO,压缩包中包含了一部分地区的街道地图瓦片数据。