今天小试了一下为地图添加鱼骨,就简单的添加了一下,没有做任何设置
效果图:

地图添加鱼骨_地图  api   鱼骨  m 
代码:

  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> 

如果想对鱼骨进行一些自己的小设置,比如大小、位置……可以引用下面的

  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>