Enumeration Icons

内置图标常量集合,每个值都是一段内联 SVG 字符串。 在 DOM 中用 DOMParser 解析成节点后插入;作为 Marker 的图标时, 用 Icons.createIcon 转成 Icon 实例。

图形颜色统一用 currentColor 占位:DOM 用法下由外层元素的 CSS color 决定, Marker 用法下由 createIcon 的 color 参数决定。

常量可用 Object.keys(BMap.Icons) 遍历(createIcon 不可枚举), 适合实现图标网格、图标选择器。

示例代码1:作为 Marker 图标

const marker = new BMap.Marker(new BMap.Point(116.404, 39.915), {
icon: BMap.Icons.createIcon(BMap.Icons.MARKER_PIN, { color: '#f53f3f', size: 32 })
});
map.addOverlay(marker);

示例代码2:作为 DOM 图标

const el = document.createElement('div');
el.style.color = '#3370ff';
// 解析成 SVG 节点后插入
const svgDoc = new DOMParser().parseFromString(BMap.Icons.SEARCH, 'image/svg+xml');
el.appendChild(document.importNode(svgDoc.documentElement, true));

Enumeration Members

飞机

指向左下的斜向箭头

指向右下的斜向箭头

指向左上的斜向箭头

指向右上的斜向箭头

自行车,表示骑行

公交车

小汽车(正视),表示驾车。

交通方式六件套(CAR / TAXI / WALK / BIKE / SCOOTER / TRUCK)共用一条 地平线,同排渲染时底部自动对齐,使用方不需要逐个微调 vertical-align

向下的尖括号,表示展开 / 收起

关闭叉号

旗帜,常用于表示终点

堆叠的图层,表示图层切换

定位圆点,带四向准星刻度(定位控件在用)

水滴形定位 pin,可直接作为 Marker 图标替代默认标注

减号,缩放控件的缩小按钮在用

加号,缩放控件的放大按钮在用;放大镜图标见 Icons.SEARCH

道路

路线,表示路径规划

电动车 / 电瓶车(踏板式)

放大镜,表示搜索

地铁,公交换乘方案面板在用

出租车(正视,车顶带顶灯),表示打车

红绿灯,驾车方案的红绿灯数量在用

火车

货车(侧视)

行人,表示步行