wuhb
/
oa


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
							<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	
	String locationx = request.getParameter("locationx");
	String locationy = request.getParameter("locationy");
	
	if(locationx == null || "".equals(locationx) || "NULL".equals(locationx.trim().toUpperCase())){
	  locationx = "";
	}
	if(locationy == null || "".equals(locationy) || "NULL".equals(locationy.trim().toUpperCase())){
	  locationy = "";
	}
%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>上报地点展现</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<style type="text/css">
</style>
<script src="${pageContext.request.contextPath }/liger/lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2&key=ee7bfcf1e5eb39af17711be94061ed5e&services=true"></script>
    <script type="text/javascript">
     var map;
        function MblogDotccMap(keyword) {
              map = new BMap.Map("NceduMap"); // 创建地图实例
            var point = new BMap.Point(119.310462, 26.0871); // 创建点坐标
            <% if(!"".equals(locationx) && !"".equals(locationy)){ %>
	           point = new BMap.Point(<%=locationx %>,<%=locationy %>);
	        <%}%>
            map.centerAndZoom(point, 15); // 初始化地图，设置中心点坐标和地图级别	
            map.addControl(new BMap.NavigationControl()); //添加缩放控件
            map.addControl(new BMap.ScaleControl()); //添加比例尺控件
            map.addControl(new BMap.OverviewMapControl()); //添加缩略图控件
            map.enableScrollWheelZoom(); // 启用滚轮放大缩小。
            map.enableKeyboard(); // 启用键盘操作。
            //显示鼠标单击位置经纬度坐标
            map.addEventListener("click",
	        function(e) {
	            map.clearOverlays();
	            $("#txtPointX").html(e.point.lng);
	            $("#txtPointY").html(e.point.lat);
	            addMarker(e.point.lng, e.point.lat);
	        });
	        
	        <% if(!"".equals(locationx) && !"".equals(locationy)){ %>
		       addMarker(<%=locationx %>,<%=locationy %>);
	        <%}%>
        }
  
function addMarker(lon,lat){
 var geoc = new BMap.Geocoder();
 var p = new BMap.Point(lon,lat);
 var myIcon = new BMap.Icon("/shares/js/yw/sales/image/map/markers/red/0.png", new BMap.Size(24, 24));    
 var marker = new BMap.Marker(p, {icon: myIcon}); 
 map.addOverlay(marker);
 geoc.getLocation(p, function(rs){
     var addComp = rs.addressComponents;
     var info = addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber;
     var opts = {title : "<b style='color:red'>位置</b>"}	//创建信息窗口   
     var infoWindow = new BMap.InfoWindow(info, opts);  // 创建信息窗口对象         
     map.openInfoWindow(infoWindow, p);// 打开信息窗口      
 }); 
}        
    </script>

</head>
<body onload="MblogDotccMap();">
    <div style="width: 600px; height: 430px; border: 1px solid gray; float: left" id="NceduMap">
    </div>
    <div style="margin-top: 10px; margin-left: 10px; float: left">
        <div style="margin-top: 10px; margin-left: 10px;">
            单击鼠标左键显示经纬度</div>
        <div id="SearchInfo" style="margin-top: 10px; margin-left: 10px;">
            经度：<span id="txtPointX"><%=locationx %></span><br />
            纬度：<span id="txtPointY"><%=locationy %></span></div>
        <div id="results_info" style="margin-top: 10px; margin-left: 10px;">
        </div>
    </div>
</body>

</html>