矢量图标及类参考
编辑时间:2017-03-03

山西福彩快乐十分 www.x78jx.cn bbb.jpg



上图效果JS代码示例:

<script type="text/javascript">
       
// 创建Map实例
       
var map = new BMap.Map("allmap", {enableMapClick:false});
       
// 设置地图背景色为白色
       
map.getContainer().style.background = '#FFF';
       
var point = new BMap.Point(104.074362,30.540276);
       
map.centerAndZoom(point, 5);

       
var vectorFCArrow = new BMap.Marker(new BMap.Point(point.lng-0.01,point.lat), {
       
// 初始化方向向上的闭合箭头
       
icon: new BMap.Symbol(BMap_Symbol_SHAPE_FORWARD_CLOSED_ARROW, {
        scale:
5,
       
strokeWeight: 1,
       
rotation: 90,//顺时针旋转90
       
fillColor: 'red',
       
fillOpacity: 0.5
       
})
        })
;

       
map.addOverlay(vectorFCArrow);
       
// 隐藏方法
       
function hide(){
        vectorFCArrow.hide()
;
       
}
       
// 显示方法
       
function show(){
        vectorFCArrow.show()
;
       
}
</script>

类参考

Symbol

此类表示通过svg的path string创建的矢量图标类。

构造函数描述
Symbol(path: String | SymboShapeType, opts: SymbolOptions)创建一个矢量图标实例。path为svg中的path字符串或者已定义的符号常量,opts为矢量图标的样式
方法返回值描述
setPath(path: string | SymbolShape)none设置矢量图标的路径
setAnchor(anchor: Size)none设置矢量图标的定位点,该定位点的位置以图标自身为基准
setRotation(rotation: number)none设置矢量图标的旋转角度,参数为角度
setScale(scale: number)none设置矢量图标的缩放比例
setStrokeWeight(strokeWeight: number)none设置矢量图标的线宽
setStrokeColor(color: string)none设置矢量图标的线填充颜色,支持颜色常量字符串、十六进制、RGB、RGBA等格式
setStrokeOpacity(opacity: number)none设置矢量图标线的透明度,opacity范围0~1
setFillOpacity(opacity: number)none设置矢量图标填充透明度,opacity范围0~1
setFillColor(color: string)none设置矢量图标的填充颜色。支持颜色常量字符串、十六进制、RGB、RGBA等格式

SymbolOptions

此类表示Symbol构造函数的可选参数。它没有构造函数,但可通过对象字面量形式表示。

属性类型描述
anchorSize符号的位置偏移值
fillColorstring设置矢量图标的填充颜色。支持颜色常量字符串、十六进制、RGB、RGBA等格式
fillOpacityNumber设置矢量图标填充透明度,范围0~1
scaleNumber设置矢量图标的缩放比例
rotationNumber设置矢量图标的旋转角度,参数为角度
strokeColorstring设置矢量图标的线填充颜色,支持颜色常量字符串、十六进制、RGB、RGBA等格式
strokeOpacityNumber设置矢量图标线的透明度,opacity范围0~1
strokeWeightNumber旋设置线宽。如果此属性没有指定,则线宽跟scale数值相同

SymbolShapeType

此枚举类型表示矢量图标类预设的图标样式。

常量描述
BMap_Symbol_SHAPE_CIRCLE圆形,默认半径为1px
BMap_Symbol_SHAPE_RECTANGLE矩形,默认宽度4px、高度2px
BMap_Symbol_SHAPE_RHOMBUS菱形,默认外接圆半径10px
BMap_Symbol_SHAPE_STAR五角星,五角星外接圆半径为10px
BMap_Symbol_SHAPE_BACKWARD_CLOSED_ARROW箭头方向向下的闭合箭头
BMap_Symbol_SHAPE_FORWARD_CLOSED_ARROW箭头方向向上的闭合箭头
BMap_Symbol_SHAPE_BACKWARD_OPEN_ARROW箭头方向向下的非闭合箭头
BMap_Symbol_SHAPE_FORWARD_OPEN_ARROW箭头方向向上的非闭合箭头
BMap_Symbol_SHAPE_POINT定位点图标
BMap_Symbol_SHAPE_PLANE预设的飞机形状
BMap_Symbol_SHAPE_CAMERA预设的照相机形状
BMap_Symbol_SHAPE_WARNING预设的警告符号
BMap_Symbol_SHAPE_SMILE预设的笑脸形状
BMap_Symbol_SHAPE_CLOCK预设的钟表形状


获取正版授权

方式一:自动授权

关注官方微信号
BIGEMAP微信公众号
操作步骤:
①关注官方微信号
②点击【自助授权】
③按提示完成操作!
注:此功能暂未完成

方式二:点击加入

免费授权QQ群

QQ在线咨询在线客服

免费咨询电话

400-028-7262

山西福彩快乐十分

淘宝店铺

bigemap.taobao.com

联系我们
  • 老火靓汤一天中何时喝最好? 2019-04-17
  • 陈晓卿推出全新美食纪录片 "风味"能否再续辉煌? 2019-04-17
  • 詹皇通知骑士队 准备与其续约 2019-04-11
  • 张瑜的专栏作者中国国家地理网 2019-04-10
  • 尧都农商银行全力推进服务“三农”工作 2019-04-09
  • [大笑]那依然是按劳(劳动价值或劳动能力)分配也! 2019-04-09
  • 台花莲发生6.5级地震已致2人遇难 2019-03-28
  • 谋求共同发展的强大动力(钟声) 2019-03-17
  • 广州整治校外培训机构:禁止超纲教学等行为 2019-03-17
  • 金参考|民粹政府上台 意大利会成为欧元区下一个风险点吗? 2018-09-04
  • 美媒:“打不死的”墨西哥蝾螈濒临灭绝 2018-09-04
  • 朝美领导人签署联合声明  确定半岛无核和平目标 2018-07-25
  • 第十二届中国(南宁)国际园林博览会相约绿城冬季 2018-07-24
  • 《刺客信条:奥德赛》将持续提供定期内容更新 2018-07-24
  • 报道新闻记录历史 70载人民日报见证中国发展大事 2018-07-23
  • 788| 856| 994| 640| 254| 792| 592| 549| 409| 122|