Bricks Schema 中文文档：地图（Leaflet）

2026年8月30日

📄 原始资料 （已截断）  |  展开查看原始 JSON（map-leaflet.json）{ “$schema”: “https://json-schema.org/draft/2020-12/schema”, “$id”: “bricks://elements/map-leaflet”, “schemaVersion”: “2.3”, “type”: “object”, “title”: “Map (Leaflet)”, “description”: “Schema for Bricks Map (Leaflet) element”, “metadata”: { “na…

📄 原始资料 （已截断）  |  展开查看原始 JSON（map-leaflet.json） 
{
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "$id": "bricks://elements/map-leaflet",
  "schemaVersion": "2.3",
  "type": "object",
  "title": "Map (Leaflet)",
  "description": "Schema for Bricks Map (Leaflet) element",
  "metadata": {
    "name": "map-leaflet",
    "category": "general",
    "tag": "div",
    "nestable": false
  },
  "settings": {
    "layers": {
      "label": "Name",
      "valueSchema": {
        "type": "array",
        "items": {
          "type": "object"
        }
      },
      "controlType": "repeater",
      "labelZh": "姓名"
    },
    "markers": {
      "label": "Coordinates",
      "hasRequired": true,
      "valueSchema": {
        "type": "array",
        "items": {
          "type": "object"
        }
      },
      "controlType": "repeater",
      "labelZh": "坐标"
    },
    "markerIcon": {
      "label": "Icon",
      "valueSchema": {
        "type": "object",
        "description": "Image settings",
        "properties": {
          "id": {
            "type": [
              "string",
              "integer"
            ]
          },
          "filename": {
            "type": "string"
          },
          "url": {
            "type": "string"
          },
          "size": {
            "type": "string"
          },
          "full": {
            "type": "string"
          },
          "useDynamicData": {
            "type": "string"
          }
        },
        "descriptionZh": "图像设置。"
      },
      "controlType": "image",
      "labelZh": "图标"
    },
    "markerIconHeight": {
      "label": "Icon",
      "hasRequired": true,
      "valueSchema": {
        "oneOf": [
          {
            "type": "string",
            "description": "Value with unit (e.g., \"10px\", \"50%\")",
            "descriptionZh": "带单位的值（例如 \"10px\"、\"50%\"）。"
          },
          {
            "type": "number"
          }
        ]
      },
      "controlType": "number",
      "labelZh": "图标"
    },
    "markerIconWidth": {
      "label": "Icon",
      "hasRequired": true,
      "valueSchema": {
        "oneOf": [
          {
            "type": "string",
            "description": "Value with unit (e.g., \"10px\", \"50%\")",
            "descriptionZh": "带单位的值（例如 \"10px\"、\"50%\"）。"
          },
          {
            "type": "number"
          }
        ]
      },
      "controlType": "number",
      "labelZh": "图标"
    },
    "height": {
      "label": "Height",
      "units": true,
      "css": [
        {
          "property": "height"
        }
      ],
      "valueSchema": {
        "oneOf": [
          {
            "type": "string",
            "description": "Value with unit (e.g., \"10px\", \"50%\")",
            "descriptionZh": "带单位的值（例如 \"10px\"、\"50%\"）。"
          },
          {
            "type": "number"
          }
        ]
      },
      "controlType": "number",
      "labelZh": "高度"
    },
    "center": {
      "label": "Map center",
      "valueSchema": {
        "type": "string"
      },
      "controlType": "text",
      "labelZh": "地图中心"
    },
    "zoom": {
      "label": "Zoom level",
      "valueSchema": {
        "oneOf": [
          {
            "type": "string",
            "description": "Value with unit (e.g., \"10px\", \"50%\")",
            "descriptionZh": "带单位的值（例如 \"10px\"、\"50%\"）。"
          },
          {
            "type": "number"
          }
        ]
      },
      "controlType": "number",
      "labelZh": "缩放级别"
    },
    "minZoom": {
      "label": "Zoom level",
      "valueSchema": {
        "oneOf": [
          {
            "type": "string",
            "description": "Value with unit (e.g., \"10px\", \"50%\")",
            "descriptionZh": "带单位的值（例如 \"10px\"、\"50%\"）。"
          },
          {
            "type": "number"
          }
        ]
      },
      "controlType": "number",
      "labelZh": "缩放级别"
    },
    "maxZoom": {
      "label": "Zoom level",
      "valueSchema": {
        "oneOf": [
          {
            "type": "string",
            "description": "Value with unit (e.g., \"10px\", \"50%\")",
            "descriptionZh": "带单位的值（例如 \"10px\"、\"50%\"）。"
          },
          {
            "type": "number"
          }
        ]
      },
      "controlType": "number",
      "labelZh": "缩放级别"
    },
    "zoomSnap": {
      "label": "Zoom",
      "valueSchema": {
        "oneOf": [
          {
            "type": "string",
            "description": "Value with unit (e.g., \"10px\", \"50%\")",
            "descriptionZh": "带单位的值（例如 \"10px\"、\"50%\"）。"
          },
          {
            "type": "number"
          }
        ]
      },
      "controlType": "number",
      "labelZh": "缩放"
    },
    "zoomDelta": {
      "label": "Zoom",
      "valueSchema": {
        "oneOf": [
          {
            "type": "string",
            "description": "Value with unit (e.g., \"10px\", \"50%\")",
            "descriptionZh": "带单位的值（例如 \"10px\"、\"50%\"）。"
          },
          {
            "type": "number"
          }
        ]
      },
      "controlType": "number",
      "labelZh": "缩放"
    },
    "doubleClickZoom": {
      "label": "Zoom",
      "options": {
        "true": "Enabled",
        "center": "Enabled",
        "false": "Disabled",
        "trueZh": "启用",
        "centerZh": "启用",
        "falseZh": "禁用"
      },
      "valueSchema": {
        "oneOf": [
          {
            "type": "string",
            "description": "Single selection",
            "descriptionZh": "单选。"
          },
          {
            "type": "array",
            "items": {
              "type": "string"
            },
            "description": "Multiple selection",
            "descriptionZh": "多选。"
          }
        ]
      },
      "controlType": "select",
      "labelZh": "缩放"
    },
    "scrollWheelZoom": {
      "label": "Zoom",
      "options": {
        "true": "Enabled",
        "center": "Enabled",
        "false": "Disabled",
        "trueZh": "启用",
        "centerZh": "启用",
        "falseZh": "禁用"
      },
      "valueSchema": {
        "oneOf": [
          {
            "type": "string",
            "description": "Single selection",
            "descriptionZh": "单选。"
          },
          {
            "type": "array",
            "items": {
              "type": "string"
            },
            "description": "Multiple selection",
            "descriptionZh": "多选。"
          }
        ]
      },
      "controlType": "select",
      "labelZh": "缩放"
    },
    "boxZoom": {
      "label": "Box Zoom",
      "valueSchema": {
        "type": "boolean"
      },
      "controlType": "checkbox",
      "labelZh": "框选缩放"
    },
    "zoomControl": {
      "label": "Zoom Control",
      "valueSchema": {
        "type": "boolean"
      },
      "controlType": "checkbox",
      "labelZh": "缩放控件"
    },
    "attributionControl": {
      "label": "Attribution Control",
      "valueSchema": {
        "type": "boolean"
      },
      "controlType": "checkbox",
      "labelZh": "归属控件"
    },
    "closePopupOnClick": {
      "label": "Close popup on click",
      "valueSchema": {
        "type": "boolean"
      },
      "controlType": "checkbox",
      "labelZh": "点击时关闭弹窗"
    },
    "dragging": {
      "label": "Dragging",
      "valueSchema": {
        "type": "boolean"
      },
      "controlType": "checkbox",
      "labelZh": "可拖动"
    },
    "trackResize": {
      "label": "Track resize",
      "valueSchema": {
        "type": "boolean"
      },
      "controlType": "checkbox",
      "labelZh": "跟踪窗口大小"
    },
    "_content": {
      "label": "Content",
      "css": [
        {
          "property": "content",
          "value": "%s"
        }
      ],
      "valueSchema": {
        "type": "string"
      },
      "controlType": "text",
      "labelZh": "内容"
    },
    "_margin": {
      "label": "Margin",
      "valueSchema": {
        "type": "object",
        "description": "Spacing value with directional properties",
        "properties": {
     

... (内容过长已截断，完整 JSON 见原始文件)

前言

Bricks Map (Leaflet) 元素的 schema。

基本信息

  • 英文名称：Map (Leaflet)
  • 中文名称：地图（Leaflet）
  • Schema ID：bricks://elements/map-leaflet
  • Schema 版本：2.3
  • 类型：object
  • 分类：general
  • Tag：div
  • 内部名称：map-leaflet

设置项

  • layers — 姓名 (repeater)
  • markers — 坐标 (repeater)
  • markerIcon — 图标 (image)
  • markerIconHeight — 图标 (number)
  • markerIconWidth — 图标 (number)
  • height — 高度 (number)
  • center — 地图中心 (text)
  • zoom — 缩放级别 (number)
  • minZoom — 缩放级别 (number)
  • maxZoom — 缩放级别 (number)
  • zoomSnap — 缩放 (number)
  • zoomDelta — 缩放 (number)
  • doubleClickZoom — 缩放 (select)
  • scrollWheelZoom — 缩放 (select)
  • boxZoom — 框选缩放 (checkbox)
  • zoomControl — 缩放控件 (checkbox)
  • attributionControl — 归属控件 (checkbox)
  • closePopupOnClick — 点击时关闭弹窗 (checkbox)
  • dragging — 可拖动 (checkbox)
  • trackResize — 跟踪窗口大小 (checkbox)
  • _content — 内容 (text)
  • _margin — 外边距 (spacing)
  • _padding — 内边距 (spacing)
  • _width — 宽度 (number)
  • _widthMin — 最小宽度 (number)
  • _widthMax — 最大宽度 (number)
  • _height — 高度 (number)
  • _heightMin — 最小高度 (number)
  • _heightMax — 最大高度 (number)
  • _aspectRatio — 宽高比 (text)
  • _position — 位置 (select)
  • _top — 顶部 (number)
  • _right — 右侧 (number)
  • _bottom — 底部 (number)
  • _left — 左侧 (number)
  • _zIndex — Z 索引 (number)
  • _order — 顺序 (number)
  • _display — 显示 (select)
  • _visibility — 可见性 (select)
  • _overflow — 溢出 (text)
  • _opacity — 不透明度 (number)
  • _cursor — 光标 (select)
  • _isolation — 隔离 (select)
  • _mixBlendMode — 混合模式 (select)
  • _pointerEvents — 指针事件 (text)
  • _perspective — 透视 (number)
  • _perspectiveOrigin — 透视原点 (text)
  • _gridItemJustifySelf — 自身水平对齐 (align-items)
  • _flexDirection — 方向 (direction)
  • _alignSelf — 自身对齐 (align-items)
  • _justifyContent — 主轴对齐 (justify-content)
  • _alignItems — 交叉轴对齐 (align-items)
  • _gap — 间距 (number)
  • _flexGrow — 放大比例 (number)
  • _flexShrink — 缩小比例 (number)
  • _flexBasis — 伸缩基准 (text)
  • _useMasonry — %s 布局 (checkbox)
  • _masonryColumn — 列数 (number)
  • _masonryGutter — 间距 (number)
  • _masonryHorizontalOrder — 水平顺序 (checkbox)
  • _masonryTransitionDuration — 过渡 (number)
  • _masonryTransitionMode — 显现动画 (select)
  • _typography — _typography (typography)
  • _background — _background (background)
  • _shapeDividers — 自定义形状 (repeater)
  • _gradient — _gradient (gradient)
  • _border — 边框 (border)
  • _boxShadow — 盒子阴影 (box-shadow)
  • _transform — 变换 (transform)
  • _transformOrigin — 变换原点 (text)
  • _motionElementParallax — 元素视差 (checkbox)
  • _motionElementParallaxSpeedX — 水平速度 (number)
  • _motionElementParallaxSpeedY — 垂直速度 (number)
  • _motionBackgroundParallax — 背景视差 (checkbox)
  • _motionBackgroundParallaxSpeed — 背景速度 (number)
  • _motionStartVisiblePercent — 视差起点 (number)
  • _cssCustom — 自定义 CSS (code)
  • _cssClasses — CSS 类 (text)
  • _cssId — CSS ID (text)
  • _cssFilters — CSS 滤镜 (filters)
  • _cssTransition — 过渡 (text)
  • _attributes — 姓名 (repeater)
  • _scrollSnapType — 类型 (select)
  • _scrollSnapAlign — 对齐 (select)
  • _scrollSnapStop — 停止 (select)

补充说明

更多细节可参考 Bricks 官方 Academy 文档。