openlayer3 实现鼠标框选,以及聚合功能

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page isELIgnored="false" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path;
%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<title>出行量(自定义区域)</title>
<jsp:include page="/js/inc.jsp"></jsp:include>
<!--import css -->
<link href="<%=path%>/js/map/openlayers/ol.css" rel="stylesheet" />
<link href="<%=path%>/css/gis/main-gis.css" rel="stylesheet" />
<link href="<%=path%>/css/gis/layerswitcher.css" rel="stylesheet" />
<link rel = "stylesheet" type = "text/css" href = "<%=path%>/css/flowanalysis/linenetflow/bus_stop_map.css" />

<!--import java script -->
<script src="<%=path%>/js/map/openlayers/ol.js" type="text/javascript"></script>
<script src="<%=path%>/js/zstraffic/gis/layerswitcher.js" type="text/javascript"></script>
<script src="<%=path%>/js/map/openlayers/ol-popup.js" type="text/javascript"></script>
<script src="<%=path%>/js/zstraffic/gis/gis.js"></script>
<script src="<%=path%>/js/flowanalysis/linenetflow/bus_stop_map.js" type="text/javascript"></script>
<script src="<%=path%>/js/zstraffic/gis/gis-bus-stop-map.js" type="text/javascript"></script>
</head>

<body>

<div class="company-inner" >
<table class="tableStyle" >
<tr class="tr_td" >
<td class="tr_td" >
<label class="date" >日期:</label>
<select id="dateTree" class="easyui-combotree" ></select>
   
<label class="periodDate" ><input name="radio" type="radio" value="0" checked="checked" />发生</label>
<label class="fonrStyle" ><input name="radio" type="radio" value="1" />吸引 </label>
   
<label class="fonrStyle" >时段:</label>
<select class="easyui-combobox" id="period" name="peroid">
<option value="0">全天</option>
<option value="15,16,17,18">早高峰</option>
<option value="35,36,37,38">晚高峰</option>
<option value="19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34">平峰</option>
</select>
   
<a οnclick="query()" class="easyui-linkbutton dialogbtn orangebtn"
href="javascript:void(0)">查询
</a>
</td>
</tr>
</table>
</div>
<div id="map"></div>
<div id="map_distance" >
<div id="map_color" >
<div id="map_green">0-50人</div>
<div id="map_yellow">50-100人</div>
<div id="map_red">100人以上</div>
</div>
</div>
<input id="configInfo" value='${sessionScope.configInfo}' type="hidden">
<div id="selection" style="display: none;" >No countries selected</div>
</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值