volga-volga / react-native-yamap

React Native Yandex Maps | Яндекс Карты | Yandex.MapKit implementation for react native | YandexMaps
152 stars 83 forks source link

Не отображается Marker #65

Closed nmzgnv closed 3 years ago

nmzgnv commented 3 years ago

image На скриншоте показано, что не все иконки отображаются.

Использую компонент Marker, children={} (Обычная картинка, добавил заливку для наглядности)

export const MarkerImage = () => {
  return (
    <Image
      style={{
        width: 25,
        height: 25,
        backgroundColor: 'blue',
      }}
      source={require('../../../assets/icons/marker.png')}
    />
  );
};

Как сделать корректный рендер? Есть ли другой способ задать иконку маркера?

Дополнительно:

markersToRender.map((point, key) => (
            <Marker
              key={key}
              point={{
                lon: point.Coordinates.Longitude,
                lat: point.Coordinates.Latitude,
              }}
              onPress={() => onMarkerPress(point)}>
              <MarkerImage />
            </Marker>
          ))
        )}
ownikss commented 3 years ago

Можно передать иконку маркера прямо в компонент Marker. Фрагмент из доки

nmzgnv commented 3 years ago

Передал иконку в компонент (source) -> не подгружалась (были синие точки) Поменял картинку, стало работать. Спасибо👍