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 | 预设的钟表形状 |
示例
javascript
// 创建圆形图标
var circleSymbol = new BMapGL.SVGSymbol(BMap_Symbol_SHAPE_CIRCLE, {
scale: 2,
fillColor: '#ff0000'
});
// 创建五角星图标
var starSymbol = new BMapGL.SVGSymbol(BMap_Symbol_SHAPE_STAR, {
fillColor: '#ffff00',
strokeColor: '#ff0000'
});
// 创建向上箭头图标
var arrowSymbol = new BMapGL.SVGSymbol(BMap_Symbol_SHAPE_FORWARD_CLOSED_ARROW, {
scale: 1.5,
fillColor: '#00ff00'
});常见用途
- 使用基础形状
javascript
// 圆形和矩形
var circle = new BMapGL.SVGSymbol(BMap_Symbol_SHAPE_CIRCLE);
var rectangle = new BMapGL.SVGSymbol(BMap_Symbol_SHAPE_RECTANGLE);- 使用特殊图标
javascript
// 飞机和相机图标
var plane = new BMapGL.SVGSymbol(BMap_Symbol_SHAPE_PLANE);
var camera = new BMapGL.SVGSymbol(BMap_Symbol_SHAPE_CAMERA);注意事项
- 这些预设形状都可以通过 SymbolOptions 自定义样式
- 每种形状都有其默认的大小,可以通过
scale属性调整 - 所有形状都支持填充颜色和边框样式的设置
- 箭头类型的图标可以通过
rotation属性调整指向 - 这些预设形状主要用于快速创建常用的图标样式
- 如果预设形状不满足需求,可以使用自定义的 SVG 路径创建图标
