百度地图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 //矩形的样式
                            ]
                    },
                });

添加前,和添加后的页面显示效果如下:





评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

[shenhonglei]

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值