需求 :在使用地圖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, //是否顯示工具欄
drawingToolOptions: {
anchor: BMAP_ANCHOR_TOP_RIGHT, //位置
offset: new BMap.Size(20, 20), //偏離值
/!* drawingModes : [BMAP_DRAWING_MARKER, BMAP_DRAWING_CIRCLE],*!/
drawingModes : [BMAP_DRAWING_RECTANGLE,BMAP_DRAWING_CIRCLE], //設置只顯示畫矩形、圓的模式
drawingTypes : [
BMAP_DRAWING_MARKER,//點的樣式
BMAP_DRAWING_CIRCLE,//圓的樣式
BMAP_DRAWING_POLYLINE,//線的樣式
BMAP_DRAWING_POLYGON,//多邊形的樣式
BMAP_DRAWING_RECTANGLE //矩形的樣式
]
},
circleOptions: styleOptions, //圓的樣式
polylineOptions: styleOptions, //線的樣式
polygonOptions: styleOptions, //多邊形的樣式
rectangleOptions: styleOptions //矩形的樣式
});
修改前默認工具控件都存在:如圖:

修改后:
