轉載：百度地圖API:繪製工具欄控件

轉載地址：https://blog.csdn.net/shenhonglei1234/article/details/52585444

需求 ：在使用地圖API時，繪製工具欄控件想本身選擇哪些要，哪些不要

解決步驟以下：

參考官網API說明：地址：http://api.map.baidu.com/library/DrawingManager/1.4/docs/symbols/BMapLib.DrawingManager.html#constructor

{Map} map

Baidu map的實例對象

{Json Object} opts

可選的輸入參數，非必填項。可輸入選項包括：
{" isOpen" : {Boolean} 是否開啓繪製模式
" enableDrawingTool" : {Boolean} 是否添加繪製工具欄控件，默認不添加
"drawingToolOptions" : {Json Object} 可選的輸入參數，非必填項。可輸入選項包括
      "anchor" : {ControlAnchor} 停靠位置、默認左上角
      "offset" : {Size} 偏移值。
      "scale" : {Number} 工具欄的縮放比例,默認爲1
      "drawingModes" : {DrawingType} 工具欄上能夠選擇出現的繪製模式,將須要顯示的DrawingType以數組型形式傳入，如[BMAP_DRAWING_MARKER, BMAP_DRAWING_CIRCLE] 將只顯示畫點和畫圓的選項
"enableCalculate" : {Boolean} 繪製是否進行測距(畫線時候)、測面(畫圓、多邊形、矩形)
"markerOptions" : {CircleOptions} 所畫的點的可選參數
"circleOptions" : {CircleOptions} 所畫的圓的可選參數
"polylineOptions" : {CircleOptions} 所畫的線的可選參數
"polygonOptions" : {PolygonOptions} 所畫的多邊形的可選參數
"rectangleOptions" : {PolygonOptions} 所畫的矩形的可選參數

如何使用：

 //實例化鼠標繪製工具
 var drawingManager = new BMapLib.DrawingManager(map, {  isOpen: false, //是否開啓繪製模式  enableDrawingTool: true, //是否顯示工具欄  enableCalculate: false, drawingToolOptions: {  anchor: BMAP_ANCHOR_TOP_RIGHT, //位置  offset: new BMap.Size(5, 5), //偏離值   drawingModes : [BMAP_DRAWING_MARKER, BMAP_DRAWING_CIRCLE], drawingTypes : [  BMAP_DRAWING_MARKER, BMAP_DRAWING_CIRCLE,//圓的樣式 ////// BMAP_DRAWING_POLYLINE, ////// BMAP_DRAWING_POLYGON, //// BMAP_DRAWING_RECTANGLE //矩形的樣式  ]  }, });

添加前，和添加後的頁面顯示效果以下：