地圖添加魚骨

今天小試了一下爲地圖添加魚骨,就簡單的添加了一下,沒有作任何設置
效果圖:
javascript

 
代碼:
html

  
  
  
  
  1. <script type="text/javascript">    
  2.         var maplet = null;     
  3.         function initMap(){     
  4.             maplet = new Maplet("mapbar");     
  5.             maplet.centerAndZoom(new MPoint(116.38672,39.90805), 8);     
  6.          maplet.addControl(new MStandardControl()); //添加魚骨  
  7.    
  8.             var marker = new MMarker(     
  9.                 new MPoint(116.38672,39.90805),     
  10.                 new MIcon("E:\\maptesthtml\\aa\\11.bmp",32,32)     
  11.             );     
  12.     
  13.             maplet.addOverlay(marker);     
  14.         }     
  15.     </script> 

若是想對魚骨進行一些本身的小設置,好比大小、位置……能夠引用下面的java

  
  
  
  
  1. <p>本示例展現瞭如何設置魚骨位置,以及如何設置魚骨各組成部分的可見性。</p>    
  2. 25.<p>顯示位置:<select id="control_location" onchange="setControlLocation();">    
  3. 26.    <option value="LEFT_TOP" selected>左上角</option>    
  4. 27.    <option value="LEFT_BOTTOM">左下角</option>    
  5. 28.    <option value="RIGHT_TOP">右上角</option>    
  6. 29.    <option value="RIGHT_BOTTOM">右下角</option>    
  7. 30.</select></p>    
  8. 31.<p>設置各組成部分可見性:     
  9. 32.    <label><input type="checkbox" id="view_pan" onclick="maplet.controlCanvas.showCtlPan(this.checked);" checked> 平移控件</label>    
  10. 33.    <label><input type="checkbox" id="view_zoomout" onclick="maplet.controlCanvas.showZOButton(this.checked);" checked> 放大按鈕</label>    
  11. 34.    <label><input type="checkbox" id="view_ruler" onclick="maplet.controlCanvas.showCtlRuler(this.checked);" checked> 縮放刻度尺</label>    
  12. 35.    <label><input type="checkbox" id="view_zoomin" onclick="maplet.controlCanvas.showZIButton(this.checked);" checked> 縮小按鈕</label>    
  13. 36.</p>    
相關文章
相關標籤/搜索