百度地圖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, //是否顯示工具欄
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 //矩形的樣式
});
修改前默認工具控件都存在:如圖:

 

 

修改后:

 

 

 

 
       


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM