gridLayer.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. <div id="rule">
  2. <h2>包名查询<span class="close closeRule">×</span></h2>
  3. <h3>格网显示</h3>
  4. <div class="content">
  5. <span>分包规则</span>
  6. <select class="rule">
  7. <option value="0" class="old">[[0,9,0],[10,14,7],[15,19,11]]</option>
  8. <option value="1" class="new">[[0,7,0],[8,11,3],[12,15,7],[16,19,11]]</option>
  9. </select>
  10. <div class="diyRules">
  11. <input type="text" name="" id="" value="" placeholder="参照格式:[[0,7,0],[8,11,3],[12,15,7],[16,19,11],[20,22,15]]" style="width: 340px;" />
  12. <button>确定</button>
  13. </div>
  14. <div class="level">
  15. <span>分包级别</span>
  16. <select class="oldLevel active">
  17. <option value="0">0-9-0</option>
  18. <option value="7">10-14-7</option>
  19. <option value="11">15-19-11</option>
  20. </select>
  21. <select class="newLevel">
  22. <option value="0">0-7-0</option>
  23. <option value="3">8-11-3</option>
  24. <option value="7">12-15-7</option>
  25. <option value="11">16-19-11</option>
  26. </select>
  27. <select class="diyLevel">
  28. </select>
  29. <div>
  30. <button class="showGrid">显示格网</button>
  31. <img src="layerGuid/images/qs.png" class="explain1" title="给定级别的分包网格在地图上显示时,当前地图显示级别为:分包级别、放大一级、缩小一级,其它级别不显示" />
  32. </div>
  33. </div>
  34. </div>
  35. <h3>空间范围</h3>
  36. <div class="content">
  37. <ul class="range">
  38. <li><span>左上角经度</span><input type="text" class="lng1" /></li>
  39. <li><span>右下角经度</span><input type="text" class="lng2" /></li>
  40. <li><span>左上角纬度</span><input type="text" class="lat1" /></li>
  41. <li><span>右下角纬度</span><input type="text" class="lat2" /></li>
  42. </ul>
  43. <div class="mtBtn">
  44. <button class="showRange">显示空间范围</button>
  45. <button class="generateList" title="生成给定空间范围内指定分包级别的包名列表">生成包名列表</button>
  46. </div>
  47. </div>
  48. <div class="lgPopUp"></div>
  49. </div>
  50. <!-- <div id="map"></div> -->
  51. <div class="lgPopUp_total">
  52. <p>当前瓦片类型:<span class="tileType"></span></p>
  53. <p>当前数据包大小为:<span class="tileSize"></span></p>
  54. <img src="layerGuid/images/loading.gif"/>
  55. <div class="ec">
  56. <button class="esc">取消</button>
  57. </div>
  58. </div>
  59. <div class="lgPopUp_none">
  60. <p>没有数据包信息</p>
  61. <div class="ec">
  62. <button class="qd">确定</button>
  63. </div>
  64. </div>
  65. <div class="blackBoard"></div>