这不是一个简单的方法,但我已经找到了使用它的方法
symbol
而是这样做。但你需要先把SVG上传到你的地图上。一旦加载它们,如果文件是
svg
。有很多循环要跳过去。
{
id: source,
source: source,
type: 'symbol',
interactive: true,
layout: {
'icon-image': {
property: 'geoClassId',
stops: [
[1, `${source}-1`],
[2, `${source}-2`],
[3, `${source}-3`],
[4, `${source}-4`],
[5, `${source}-5`],
[6, `${source}-6`],
],
},
'icon-allow-overlap': true,
'symbol-avoid-edges': true,
'text-field': {
property: 'geoClassId',
stops: [
[1, `${source}-1`],
[2, `${source}-2`],
[3, `${source}-3`],
[4, `${source}-4`],
[5, `${source}-5`],
[6, `${source}-6`],
],
},
'text-font': ['Open Sans Bold', 'Arial Unicode MS Bold'],
'text-size': 8,
'text-transform': 'uppercase',
'text-letter-spacing': 0.05,
'text-offset': [0, 1.3],
},
paint: {
'text-color': '#ffffff',
},
}