百度地圖API:繪製工具欄控制元件 修改
需求 :在使用地圖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 //矩形的樣式 ] }, });
新增前,和新增後的頁面顯示效果如下:
相關文章
- 如何製作室內地圖,室內地圖繪製工具地圖
- 百度地圖API入門——(3)控制元件地圖API控制元件
- 百度地圖繪製多邊形區域地圖
- Global Mapper 23,業GIS地圖繪製工具APP地圖
- 如何繪製Wardley地圖?地圖
- 百度地圖API入門——(5)百度地圖API的簡介地圖API
- vue使用Echarts繪製地圖VueEcharts地圖
- 百度地圖開發-繪製點線提示框 07地圖
- 百度地圖繪製多邊型帶編輯功能薦地圖
- 對接百度地圖API地圖API
- HTML呼叫百度地圖APIHTML地圖API
- Python 繪製全球疫情地圖Python地圖
- 中國地圖繪製-點選事件地圖事件
- EazyDraw 向量圖繪製工具
- 工具欄上按鈕的繪製 (轉)
- 怎麼自己製作地圖,簡單的地圖繪製軟體地圖
- 百度地圖API基本使用(一)地圖API
- 百度地圖API功能演示地圖API
- Vue百度地圖電子圍欄Vue地圖
- 怎麼自己製作地圖?如何快速實現簡單地圖繪製?地圖
- 室內地圖導航製作,簡單的地圖繪製軟體地圖
- 如何製作室內地圖,哪裡可以快速繪製室內地圖地圖
- 小區防疫地圖看板,哪裡可以繪製防疫地圖?地圖
- 【完全開源】百度地圖Web service API C#.NET版,帶地圖顯示控制元件、導航控制元件、POI查詢控制元件地圖WebAPIC#控制元件
- 百度離線地圖瓦片圖製作地圖
- 淺談百度地圖API的坑地圖API
- 讓百度地圖API支援HTTPS地圖APIHTTP
- 百度地圖API開發demo地址地圖API
- 百度地圖電子圍欄判斷地圖
- 【高德地圖API】如何製作自己的旅遊地圖?地圖API
- 百度地圖API : 自定義標註圖示地圖API
- VUE中使用Echarts繪製地圖遷移VueEcharts地圖
- Python Pygal繪製世界人口地圖Python地圖
- 在 ECharts GL 中繪製三維地圖Echarts地圖
- 室內地圖怎麼製作,室內電子地圖是如何繪製的地圖
- 百度地圖API圖示、文字、圖例與連線地圖API
- 前端 – 百度地圖 API 基礎入門前端地圖API
- 前端 - 百度地圖 API 基礎入門前端地圖API