123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- <%@ page contentType="text/html;charset=UTF-8" %>
- <%@ include file="/webpage/include/taglib.jsp"%>
- <html>
- <head>
- <title>GIS轨迹</title>
- <meta http-equiv="Content-type" content="text/html; charset=utf-8">
- <meta name="decorator" content="ani"/>
- <%@ include file="/webpage/include/bootstraptable.jsp"%>
- <%@include file="/webpage/include/treeview.jsp" %>
- <%@include file="areaTreeList.js" %>
- <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=rUFYPnGZs50tNa1w5ZUfFQ4GO9NjPMPD&services=true"></script>
- <script type="text/javascript" src="${ctxStatic}/plugin/SearchInfoWindow.js"></script>
- <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
- <style type="text/css">
- html{height:100%}
- body{height:100%;margin:0px;padding:0px}
- #container{height:700px;overflow: hidden;width:100%;}
- </style>
- </head>
- <body>
- <div class="wrapper wrapper-content">
- <div class="panel panel-primary">
- <div class="panel-heading">
- <h3 class="panel-title">GIS轨迹</h3>
- </div>
- <div style="height: 50px;overflow: hidden;">
- <div style="padding: 0 0 0 50px;">
- <label style="float: left;line-height: 50px;font-size: 16px;font-weight: normal;" title="姓名:">姓名:</label>
- <input id="userName" style="width: 260px;float: left;margin: 8px 0 0 0px;" htmlEscape="false" maxlength="100" class=" form-control"/>
- <a style="margin-left: 10px;margin-top: 10px;float: left;" id="search-a" class="btn btn-primary btn-rounded btn-bordered btn-sm"><i class="fa fa-search"></i> 查询</a>
- </div>
- </div>
- </div>
- <div class="panel-body">
- <div class="row">
- <!--百度地图容器-->
- <div id="container" class="col-sm-8 col-md-9">
- <script type="text/javascript">
- // 百度地图API功能
- var map = new BMap.Map("container"); // 创建Map实例
- map.centerAndZoom(new BMap.Point(124.936546,45.083288), 10); // 初始化地图,设置中心点坐标和地图级别
- //添加地图类型控件
- map.addControl(new BMap.MapTypeControl({
- mapTypes:[
- BMAP_NORMAL_MAP,
- BMAP_HYBRID_MAP
- ]}));
- map.setCurrentCity("松原市"); // 设置地图显示的城市 此项是必须设置的
- map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
- map.enableKeyboard();//启用键盘上下左右键移动地图
- //向地图中添加缩放控件
- var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
- map.addControl(ctrl_nav);
- //向地图中添加缩略图控件
- var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
- map.addControl(ctrl_ove);
- //向地图中添加比例尺控件
- var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
- map.addControl(ctrl_sca);
- </script>
- </div>
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
|