Layer.images (Добавить несколько значков) - PullRequest
0 голосов
/ 03 февраля 2020

Я искал информацию о стеке, и я ничего не нашел об этом (с этой библиотекой). (я обнаружил, что: 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 ... как я могу это сделать?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...