Skip to content

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'
});

常见用途

  1. 使用基础形状
javascript
// 圆形和矩形
var circle = new BMapGL.SVGSymbol(BMap_Symbol_SHAPE_CIRCLE);
var rectangle = new BMapGL.SVGSymbol(BMap_Symbol_SHAPE_RECTANGLE);
  1. 使用特殊图标
javascript
// 飞机和相机图标
var plane = new BMapGL.SVGSymbol(BMap_Symbol_SHAPE_PLANE);
var camera = new BMapGL.SVGSymbol(BMap_Symbol_SHAPE_CAMERA);

注意事项

  1. 这些预设形状都可以通过 SymbolOptions 自定义样式
  2. 每种形状都有其默认的大小,可以通过 scale 属性调整
  3. 所有形状都支持填充颜色和边框样式的设置
  4. 箭头类型的图标可以通过 rotation 属性调整指向
  5. 这些预设形状主要用于快速创建常用的图标样式
  6. 如果预设形状不满足需求,可以使用自定义的 SVG 路径创建图标

基于 MIT 许可发布