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 onclick=”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>
转载自：https://blog.csdn.net/guoyuchuan123/article/details/84858871
