转载:百度地图API:绘制工具栏控件
轉(zhuǎn)載地址:https://blog.csdn.net/shenhonglei1234/article/details/52585444
需求 :在使用地圖API時(shí),繪制工具欄控件想自己選擇哪些要,哪些不要
解決步驟如下:
參考官網(wǎng)API說(shuō)明:地址:http://api.map.baidu.com/library/DrawingManager/1.4/docs/symbols/BMapLib.DrawingManager.html#constructor{Map} mapBaidu map的實(shí)例對(duì)象{Json Object} opts可選的輸入?yún)?shù),非必填項(xiàng)。可輸入選項(xiàng)包括:
{"isOpen" : {Boolean} 是否開(kāi)啟繪制模式
"enableDrawingTool" : {Boolean} 是否添加繪制工具欄控件,默認(rèn)不添加
"drawingToolOptions" : {Json Object} 可選的輸入?yún)?shù),非必填項(xiàng)。可輸入選項(xiàng)包括
"anchor" : {ControlAnchor} 停靠位置、默認(rèn)左上角
"offset" : {Size} 偏移值。
"scale" : {Number} 工具欄的縮放比例,默認(rèn)為1
"drawingModes" : {DrawingType} 工具欄上可以選擇出現(xiàn)的繪制模式,將需要顯示的DrawingType以數(shù)組型形式傳入,如[BMAP_DRAWING_MARKER, BMAP_DRAWING_CIRCLE] 將只顯示畫(huà)點(diǎn)和畫(huà)圓的選項(xiàng)
"enableCalculate" : {Boolean} 繪制是否進(jìn)行測(cè)距(畫(huà)線時(shí)候)、測(cè)面(畫(huà)圓、多邊形、矩形)
"markerOptions" : {CircleOptions} 所畫(huà)的點(diǎn)的可選參數(shù)
"circleOptions" : {CircleOptions} 所畫(huà)的圓的可選參數(shù)
"polylineOptions" : {CircleOptions} 所畫(huà)的線的可選參數(shù)
"polygonOptions" : {PolygonOptions} 所畫(huà)的多邊形的可選參數(shù)
"rectangleOptions" : {PolygonOptions} 所畫(huà)的矩形的可選參數(shù)
如何使用:
//實(shí)例化鼠標(biāo)繪制工具
var drawingManager = new BMapLib.DrawingManager(map, {
isOpen: false, //是否開(kāi)啟繪制模式
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 //矩形的樣式
]
},
});
添加前,和添加后的頁(yè)面顯示效果如下:
總結(jié)
以上是生活随笔為你收集整理的转载:百度地图API:绘制工具栏控件的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: Windows注册表内容详解(转载)
- 下一篇: 《上古世纪》新手专题系列文章 8副本系统