| | |
| | | <head> |
| | | <meta charset="utf-8" /> |
| | | <title>方案布点辅助</title> |
| | | <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=rER1sgBIcQxkfNSlm2wmBGZGgEERrooM"></script> |
| | | <script type="text/javascript" src="/js/jquery.min.js"></script> |
| | | </head> |
| | | <link rel="stylesheet" type="text/css" href="/css/default.css"> |
| | | <link rel="stylesheet" href="/css/Lobibox.min.css"/> |
| | | <style type="text/css"> |
| | | body, |
| | | html, |
| | |
| | | #mapCanvas { |
| | | width: 100%; |
| | | height: 100%; |
| | | /* overflow: hidden; */ |
| | | /* margin: 0; */ |
| | | /* padding: 0; */ |
| | | overflow: hidden; |
| | | margin: 0; |
| | | padding: 0; |
| | | z-index: 0; |
| | | /* font-size: 14px; */ |
| | | /* font-family: "微软雅黑"; */ |
| | | font-size: 14px; |
| | | font-family: "微软雅黑"; |
| | | } |
| | | |
| | | .popup-box { |
| | | position: absolute; |
| | | z-index: 1; |
| | | font-size: 14px; |
| | | background-color: white; |
| | | top: 3%; |
| | | left: 1%; |
| | | padding: 14px 10px 0px; |
| | | text-align: center; |
| | | width: 290px; |
| | | height: 130px; |
| | | width: 280px; |
| | | height: 110px; |
| | | } |
| | | |
| | | .search-box { |
| | |
| | | text-align: left; |
| | | padding-left: 2px; |
| | | } |
| | | input[type="button"] { |
| | | cursor: pointer; |
| | | } |
| | | input[type="radio"] { |
| | | cursor: pointer; |
| | | } |
| | | </style> |
| | | <body> |
| | | <div class="main-body"> |
| | | <div class="popup-box"> |
| | | <table> |
| | |
| | | </div> |
| | | <div id="mapCanvas"></div> |
| | | </div> |
| | | <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=rER1sgBIcQxkfNSlm2wmBGZGgEERrooM"></script> |
| | | <script type="text/javascript" src="/js/jquery.min.js"></script> |
| | | <script type="text/javascript" src="/js/lobibox.min.js"></script> |
| | | |
| | | <body> |
| | | <script> |
| | | var baiduMap; |
| | | var markerManager = { |
| | |
| | | // 0,无操作,1,增加设备,2,增加五角星,3,删除布点 |
| | | function clickHandle(args, key) { |
| | | var handleValue = parseInt($("input[name='mapClickHandle']:checked").val()); |
| | | var handleName = ""; |
| | | switch (handleValue) { |
| | | case 0: |
| | | clickHandle.counter +=1; |
| | | handleName += "无操作"; |
| | | break; |
| | | case 1: |
| | | addMpoint(args.point); |
| | | handleName += "[设备]布点"; |
| | | break; |
| | | case 2: |
| | | addStar(args.point); |
| | | handleName += "[五角星]布点"; |
| | | break; |
| | | case 3: |
| | | handleName += "删除布点"; |
| | | if(this instanceof BMap.Marker){ |
| | | removeOverlay(key,this); |
| | | clickHandle.counter -=1; |
| | | }else{ |
| | | clickHandle.counter +=1; |
| | | } |
| | | removeOverlay(key, this); |
| | | break; |
| | | } |
| | | if(clickHandle.counter>=5 ){ |
| | | var msg = "当前状态为:【"+handleName+"】,可以通过【鼠标右键】切换状态" |
| | | Lobibox.notify('info', { |
| | | size: 'mini', |
| | | width: 500, |
| | | // delay: false, |
| | | icon: false, |
| | | msg: msg |
| | | }); |
| | | clickHandle.counter = 0; |
| | | } |
| | | |
| | | } |
| | | clickHandle.counter = 0; |
| | | var switchMenuItems = {}; |
| | | switchClickHanld = function (value) { |
| | | value = value.toString(); |
| | | clickHandle.counter = 0; |
| | | $("input[name='mapClickHandle']").each(function () { |
| | | var handleValue = $(this).val().toString(); |
| | | if (handleValue === value) { |
| | |
| | | })); |
| | | marker.addContextMenu(markerMenu); |
| | | } |
| | | |
| | | function addMpoint(point) { |
| | | var option = { |
| | | enableDragging: true |
| | |
| | | map.addEventListener( |
| | | "click", |
| | | clickHandle |
| | | ); |
| | | map.addEventListener( |
| | | "dblclick", |
| | | function(){ |
| | | clickHandle.counter -=2; |
| | | } |
| | | ); |
| | | return map; |
| | | } |