1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- <!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" />
- <title>选择位置</title>
-
- <style type="text/css">
- body, html {width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}
- p{margin-left:5px; font-size:14px;}
- </style>
- <link rel="stylesheet" href="${contextPath}/css/bootstrap/bootstrap.min.css">
-
- </head>
- <body >
- <div style="width: 100%; height: 100%; position:fixed; margin: 0px; padding: 0px; " >
-
- <div id="allmap" style="width: 100%; height: 100%; position:fixed; margin: 0px; padding: 0px; "></div>
-
- <div class="" style="position: absolute; top: 20px; left: 20px; background-color: white; " >
- <button id="okButton" onclick="getCoordinate();" disabled="disabled">确定选择</button>
- </div>
-
- </div>
- <script src="${contextPath}/js/jquery.min.js" type="text/javascript"></script>
- <script src="${contextPath}/js/bootstrap.min.js" type="text/javascript"></script>
- <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=hBMSWzhG6vGdgnwa2Y6LwkFXjkGu0lpr"></script>
- <script type="text/javascript">
- var lng = 0;
- var lat = 0;
- // 百度地图API功能
- var map = new BMap.Map("allmap", {enableMapClick:false});// 创建Map实例
- var point = new BMap.Point(125.296419,43.833421);
- map.setMapStyle({style:'googlelite'});
- map.centerAndZoom(point,13);
-
- function myFun(result){
- var cityName = result.name;
- map.setCenter(cityName);
- }
-
- var myCity = new BMap.LocalCity();
- myCity.get(myFun);
-
- map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
-
- /*
- var geolocation = new BMap.Geolocation();
- geolocation.getCurrentPosition(function(r){
- if(this.getStatus() == BMAP_STATUS_SUCCESS){
- map.clearOverlays();
- var mk = new BMap.Marker(r.point);
- map.addOverlay(mk);
- map.panTo(r.point);
- lng = r.point.lng;
- lat = r.point.lat;
- $('#okButton').attr('disabled',false);
- }
- else {
- alert('failed'+this.getStatus());
- }
- },{enableHighAccuracy: true})
- */
-
- //单击获取点击的经纬度
- map.addEventListener("click",function(e){
- lng = e.point.lng;
- lat = e.point.lat;
- map.clearOverlays();
- var marker = new BMap.Marker(e.point); // 创建点
- map.addOverlay(marker); //增加点
- $('#okButton').attr('disabled',false);
- });
-
- function getCoordinate(){
- if(confirm("您确定选择当前坐标么?")){
- window.opener.setCoordinate(lng, lat);
- window.close();
- }
- }
- </script>
- </body>
- </html>
|