<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="cn.exlive.mygpsonline.bean.loginUser"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
loginUser loginUser=(loginUser)session.getAttribute("user");
%>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="<%=path%>/gpsonline/css/cmonitor/user/monitor.css" />
		<link rel="stylesheet" href="<%=path%>/gpsonline/css/monitor/zTreeStyle.css" />
		<link rel="stylesheet" href="<%=path%>/gpsonline/css/cmonitor/user/marker.css" />
		<link rel="stylesheet"
			href="<%=path%>/gpsonline/css/cmonitor/user/userframe-c.css" />
		<link rel="stylesheet"
			href="<%=path%>/gpsonline/css/cmonitor/v3/global.css" />


		<script type="text/javascript"
			src="http://api.map.baidu.com/api?v=2.0&ak=WVbVv3GM8fFnj8nwe1xNVMOc"></script>
		<script type="text/javascript"
			src="<%=path%>/gpsonline/js/language.js"></script>
		<script type="text/javascript"
			src="<%=path%>/gpsonline/js/jquery-1.4.4.min.js"></script>
		<script type="text/javascript"
			src="<%=path%>/gpsonline/js/cmarker/baidu_marker.js"></script>
		<script type="text/javascript"
			src="<%=path%>/gpsonline/js/cmarker/markerBD.js"></script>
			
			
		<script type="text/javascript"
			src="<%=path%>/gpsonline/js/baiduMap/baiduMap.js"></script>
			
			
		<script type="text/javascript"
			src="<%=path%>/gpsonline/js/marker/jquery.ztree.core-3.5.js"></script>
		<script type="text/javascript"
			src="<%=path%>/gpsonline/js/marker/jquery.ztree.excheck-3.5.min.js"></script>
		<script type="text/javascript"
			src="<%=path%>/gpsonline/js/marker/jquery.ztree.exedit-3.5.min.js"></script>
		<script type="text/javascript"
			src="<%=path%>/gpsonline/js/marker/markersearch.js"></script>
		<script type="text/javascript"
			src="<%=path%>/gpsonline/js/jquery-ui-1.10.3.custom.js"></script>
		<title></title>
		<style type="text/css">
body,html,#map_canvas {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
}
</style>
	</head>
	<body onload="initialize();">
	 <!-- <input type="button" value="清除" onclick="clears();" style="width:80px; height:30px; margin-left:50px; margin-top:20px;" />
	
	<input type="button" value="完成" onclick="finish();" style="width:80px; height:30px; margin-left:50px; margin-top:20px;" /> -->
	<div style="position: absolute; z-index:100; right:100px; top:12px;">
		<input id="bzShowNamekbox" name="bzcheckbox" type="checkbox" value="checkbox" onclick="showMarkerName(this);" >显示标注名
	</div>
	<input type="hidden" id="usertypeId" value="<%=loginUser!=null?loginUser.getUserType():"" %>">	</input>
	<span  id="serverPath"  style="display: none;"><%=basePath %></span>	
		<div id="map_canvas">
			
		</div>
		                        <!--标注-->
                    	<div class="marker_wrap">
                    		<!--open-->
                            <div class="marker_open" style="display: none;" id="biaozhu_open">
                            	<!--top-->
                                <div class="marker_open_top">
                                	<a class="marker_open_close" href="javascript:;" onclick="closeMarkerPanel();">
                                    	<span></span>
                                    </a>
                                    <div class="marker_title">
                                    	<a href="javascript:;" class="ico_marker"></a>
                                    	
                                    </div>
                                    <div class="marker_dot"></div>
                                </div>
                                <!--top end-->
                                
                                <div class="marker_main_bg"></div>
                                <div class="marker_main">
                                    <div class="marker_search marker_line">
                                        <!-- 标注搜索开始： -->
		                                <div class="searchcvs"><div class="ctnr">
 											<div style="float:left;">
												<input value="请输入标注名称" style="width:160px;" name="markersearchinput" autocomplete="off" id="markersearchinput" class="searchinput" onfocus="markersearchFocus(this)" onblur="markersearchBlur(this)" type="text"/>
											</div>
											<div class="suggest" onmouseout="ismarkerSearchFocus = false;"  onclick="markerviewSearchListAll()"></div>
											<div style="clear:left;width:200px;">
												<div style="display: none;position: absolute;background: #FFF; width: 207px;height: 200px; margin-left: -10px; border: 1px solid #95BCF0; margin-top: 3px;overflow: auto;" id="markersearchListOutCanvas"><span>...</span></div>
											</div>
										    </div>
										    <!-- 标注搜索结束： -->
										</div>
                                    </div>
                                    <div id ="markerGroupTreeCanvas" style="width: 220px; height: 388px; overflow-y: auto;">
                                    <ul id="markerGroupTree" class="ztree"></ul>
                                    </div>
                                </div>
                                
                            </div>
                            <!--open end-->
                            
                            <!--close-->
                            <a class="marker_close" style="display: block;" href="javascript:;" onclick = "openMarkerPanel();" id="biaozhu_close">
                                <span></span>
                            </a>
                            <!--close end-->
                   		</div>
                        <!--标注 end-->
		<div id="timeform" style="display:none;">
			<div style="width:100%; height:100%; background:#fff; position:absolute; z-index:800; top:0px; right:0px; bottom:0px; left:0px; filter:alpha(opacity=0.4); -moz-opacity:0.4; opacity: 0.4;"></div>
			<div id="timeform2" style="position:absolute; z-index:900; top:200px; left:200px; border:1px solid #999; background:#fff; width:400px;">
				<h3 style="height:35px; padding-right:10px; line-height:35px; padding-left:10px; background:#dedede; border-bottom:1px solid #999;">
					<a href="javascript:;" style="float:right"><img src="<%=path%>/gpsonline/image/monitor/close.gif" onclick="cancel();" /></a>
					<b>线路规划</b>
				</h3>
				<div style="line-height:30px; margin:10px;">
					<div id="msg" style="height:20px; line-height:20px; text-align:center; "></div>
					<div style="line-height:35px; margin-left:50px;">
					距上一站时间：<input type="text" id="time1" style="width:150px; height:20px; line-height:25px; padding-left:5px; margin-right:10px;" />分(0-60)</br>
					允许逗留时间：<input type="text" id="time2" style="width:150px; height:20px; line-height:25px; padding-left:5px; margin-right:10px;" />分(0-60)</br>
					</div>
					<div style="text-align:center; margin-top:5px;">
						<input type="button" value="确定" onclick="finish();" style="width:60px; height:25px; margin-right:10px;"/>
						<input type="button" value="取消" onclick="cancel();" style="width:60px; height:25px;" /></br>
					</div>
					
				</div>
			</div>
		</div>
	
	
	</body>
	
</html>

<script type="text/javascript">
	var obj;
	function initialize(){
		 baidMap = new BMap.Map("map_canvas");    
		 var point = new BMap.Point(111, 34); 
		 baidMap.centerAndZoom(point, 5);
		 baidMap.addControl(new BMap.NavigationControl());  
		 baidMap.addControl(new BMap.OverviewMapControl());    
		 baidMap.addControl(new BMap.MapTypeControl({mapTypes: [BMAP_NORMAL_MAP,BMAP_HYBRID_MAP ]})); 
		 baidMap.enableScrollWheelZoom(); 
		 baidMap.addControl(new BMap.ScaleControl());  
		 baidMap.setMinZoom(5);
		 startMarker();
		 openMarkerPanel();
		// obj = new ActiveXObject("ScriptAgent.ScriptBridage.1");
	}
</script>
