baidu_map_menu_frm.html 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  6. <title>APP</title>
  7. <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
  8. </head>
  9. <style type="text/css">
  10. body {
  11. background: #f4f4f4;
  12. }
  13. .aui-btn {
  14. padding-left: 8px;
  15. padding-right: 8px;
  16. }
  17. </style>
  18. <body>
  19. <div class="aui-content">
  20. <ul class="aui-list-view">
  21. <li class="aui-list-view-cell">
  22. <div class="aui-btn" tapmode onclick="demo('open')">打开</div>
  23. <div class="aui-btn" tapmode onclick="demo('close')">关闭</div>
  24. <div class="aui-btn" tapmode onclick="demo('show')">显示</div>
  25. <div class="aui-btn" tapmode onclick="demo('hide')">隐藏</div>
  26. <div class="aui-btn aui-btn-warning" tapmode onclick="demo('restart')">初始化</div>
  27. </li>
  28. <li class="aui-list-view-cell" tapmode="active" onclick="demo('getLocation')">
  29. <a class="aui-arrow-right">定位(getLocation)</a>
  30. </li>
  31. <li class="aui-list-view-cell" tapmode="active" onclick="demo('getCoordsFromName')">
  32. <a class="aui-arrow-right">根据地址查找坐标(getCoordsFromName)</a>
  33. </li>
  34. <li class="aui-list-view-cell" tapmode="active" onclick="demo('getNameFromCoords')">
  35. <a class="aui-arrow-right">根据坐标查找地址(getNameFromCoords)</a>
  36. </li>
  37. <li class="aui-list-view-cell" tapmode="active" onclick="demo('getDistance')">
  38. <a class="aui-arrow-right">获取两点距离(getDistance)</a>
  39. </li>
  40. <li class="aui-list-view-cell" tapmode="active" onclick="demo('showUserLocation')">
  41. <a class="aui-arrow-right">显示用户位置(showUserLocation)</a>
  42. </li>
  43. <li class="aui-list-view-cell" tapmode="active" onclick="demo('getDistance')">
  44. <a class="aui-arrow-right">获取两点距离(getDistance)</a>
  45. </li>
  46. <li class="aui-list-view-cell" tapmode="active" onclick="demo('setCenter')">
  47. <a class="aui-arrow-right">设置地图中心点(setCenter)</a>
  48. </li>
  49. <li class="aui-list-view-cell" tapmode="active" onclick="demo('setZoomLevel')">
  50. <a class="aui-arrow-right">设置缩放等级(setZoomLevel)</a>
  51. </li>
  52. <li class="aui-list-view-cell" tapmode="active" onclick="demo('setRotation')">
  53. <a class="aui-arrow-right">设置旋转角度(setRotation)</a>
  54. </li>
  55. <li class="aui-list-view-cell" tapmode="active" onclick="demo('setOverlook')">
  56. <a class="aui-arrow-right">设置俯视角度(setOverlook)</a>
  57. </li>
  58. <li class="aui-list-view-cell" tapmode="active" onclick="demo('setScaleBar')">
  59. <a class="aui-arrow-right">设置地图比例尺(setScaleBar)</a>
  60. </li>
  61. <li class="aui-list-view-cell" tapmode="active" onclick="demo('setCompass')">
  62. <a class="aui-arrow-right">设置指南针位置(setCompass)</a>
  63. </li>
  64. <li class="aui-list-view-cell" tapmode="active" onclick="demo('setTraffic')">
  65. <a class="aui-arrow-right">设置交通路况(setTraffic)</a>
  66. </li>
  67. <li class="aui-list-view-cell" tapmode="active" onclick="demo('setHeatMap')">
  68. <a class="aui-arrow-right">设置城市热力图(setHeatMap)</a>
  69. </li>
  70. <li class="aui-list-view-cell" tapmode="active" onclick="demo('setBuilding')">
  71. <a class="aui-arrow-right">是否显示3D 楼块效果(setBuilding)</a>
  72. </li>
  73. <li class="aui-list-view-cell" tapmode="active" onclick="demo('setRegion')">
  74. <a class="aui-arrow-right">设置显示范围(矩形区域)(setRegion)</a>
  75. </li>
  76. <li class="aui-list-view-cell" tapmode="active" onclick="demo('transCoords')">
  77. <a class="aui-arrow-right">坐标转换(transCoords)</a>
  78. </li>
  79. <li class="aui-list-view-cell" tapmode="active" onclick="demo('addEventListener')">
  80. <a class="aui-arrow-right">监听相关事件(addEventListener)</a>
  81. </li>
  82. <li class="aui-list-view-cell" tapmode="active" onclick="demo('removeEventListener')">
  83. <a class="aui-arrow-right">停止监听相关事件(removeEventListener)</a>
  84. </li>
  85. <li class="aui-list-view-cell" tapmode="active" onclick="demo('addAnnotations')">
  86. <a class="aui-arrow-right">添加标注信息(addAnnotations)</a>
  87. </li>
  88. <li class="aui-list-view-cell" tapmode="active" onclick="demo('addBillboard')">
  89. <a class="aui-arrow-right">添加布告牌(addBillboard)</a>
  90. </li>
  91. <li class="aui-list-view-cell" tapmode="active" onclick="demo('removeEventListener')">
  92. <a class="aui-arrow-right">停止监听相关事件(removeEventListener)</a>
  93. </li>
  94. <li class="aui-list-view-cell" tapmode="active" onclick="demo('searchRoute')">
  95. <a class="aui-arrow-right">搜索路线方案(searchRoute)</a>
  96. </li>
  97. <li class="aui-list-view-cell" tapmode="active" onclick="demo('removeRoute')">
  98. <a class="aui-arrow-right">移除指定的路线(removeRoute)</a>
  99. </li>
  100. <li class="aui-list-view-cell" tapmode="active" onclick="demo('searchInCity')">
  101. <a class="aui-arrow-right">搜索兴趣点(searchInCity)</a>
  102. </li>
  103. <li class="aui-list-view-cell" tapmode="active" onclick="demo('searchNearby')">
  104. <a class="aui-arrow-right">圆形区域内搜索兴趣点(searchNearby)</a>
  105. </li>
  106. <li class="aui-list-view-cell" tapmode="active" onclick="demo('autocomplete')">
  107. <a class="aui-arrow-right">关键词自动返回(autocomplete)</a>
  108. </li>
  109. </ul>
  110. </div>
  111. <div class="aui-content">
  112. </div>
  113. </body>
  114. <script type="text/javascript" src="../../../script/api.js" ></script>
  115. <script type="text/javascript">
  116. function demo(method){
  117. api.execScript({
  118. frameName:'baidu_map_frm',
  119. script:''+method+'()'
  120. })
  121. }
  122. apiready = function(){
  123. api.parseTapmode();
  124. };
  125. </script>
  126. </html>