|  |  |  | 
|---|
|  |  |  | <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) { | 
|---|
|  |  |  | 
|---|
|  |  |  | map.addEventListener( | 
|---|
|  |  |  | "click", | 
|---|
|  |  |  | clickHandle | 
|---|
|  |  |  | ); | 
|---|
|  |  |  | map.addEventListener( | 
|---|
|  |  |  | "dblclick", | 
|---|
|  |  |  | function(){ | 
|---|
|  |  |  | clickHandle.counter -=2; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | ); | 
|---|
|  |  |  | return map; | 
|---|
|  |  |  | } | 
|---|