Я искал информацию о стеке, и я ничего не нашел об этом (с этой библиотекой). (я обнаружил, что: stackOverflow )
Мне нужно отобразить два типа объектов (я имею в виду, что все они являются символами).
У меня есть:
const devicesLayout = ['get', 'icon'];
// Create an image for the Layer
const nodeImage = new Image();
nodeImage.src =
'data:image/svg+xml;charset=utf-8;base64,' +
btoa(unescape(encodeURIComponent(nodo)));
const imagesNodes = ['nodeDevice', nodeImage];
const gcsImage = new Image();
gcsImage.src =
'data:image/svg+xml;charset=utf-8;base64,' +
btoa(unescape(encodeURIComponent(gcs)));
const imagesGcs = ['gcsDevice', gcsImage];
и рендер:
<Layer
type="symbol"
id="marker"
layout={nodesLayout}
images={imagesNodes}
logoPosition="top-left"
>
{Nodes.map(deviceData => {
return(
<Feature
key={deviceData.id}
onMouseEnter={this.onToggleHover.bind(this, 'pointer')}
onMouseLeave={this.onToggleHover.bind(this, '')}
onClick={()=>this.markerClick(deviceData, true)}
coordinates={[deviceData.location.y, deviceData.location.x]}
properties={{'icon': 'nodeDevice'}}
/>
)
})}
{Gcss.map(deviceData => {
return(
<Feature
key={deviceData.id}
onMouseEnter={this.onToggleHover.bind(this, 'pointer')}
onMouseLeave={this.onToggleHover.bind(this, '')}
onClick={()=>this.markerClick(deviceData, true)}
coordinates={[deviceData.location.y, deviceData.location.x]}
properties={{'icon': 'gcsDevice'}}
/>
)
})}
</Layer>
мне нужно назначить imagesGcs для g css .Map и imagesNode для node.map ... как я могу это сделать?