показывать пользовательское изображение как маркер на реактивных картах - PullRequest
Новая
       49

показывать пользовательское изображение как маркер на реактивных картах

0 голосов
/ 18 декабря 2018

Я хочу показать свое пользовательское изображение в качестве маркера в react-native-maps, как вы видите ниже, но оно ничего не показывает на карте 

<MapView
        style={{ flex: 1 }}
        region={this.state.region}
        ref={ref => { this.map = ref; }}
        zoomControlEnabled={true}
    >


        <MapView.Marker
            identifier="destination"
            coordinate={direction.destination}
            anchor={{ x: 0.5, y: 0.5 }}
        >
            <View style={{ width: 10, height: 10 }}>
                <Image source={require('../assets/images/destination-3.png')} style={{ width: 10, height: 10 }}/>
            </View>

        </MapView.Marker>
    </MapView>

Я вижу любой элемент внутри <MapView.Marker>но <Image/> и <ImageBackground>.Это становится проблемой.

Ответы [ 2 ]

0 голосов
/ 17 апреля 2019

Я использовал GIMP (альтернатива Linux для Photoshop), чтобы минимизировать мое изображение до размера значка (откройте изображение в GIMP -> Изображение -> Масштаб -> дать нужный размер.) И мой код выглядит так 

<MapView
      initialRegion={this.state.loc}
      region={this.state.loc}
      style={styles.map}     
      >
      <Marker coordinate={{
            latitude: 7.093546,
            longitude: 79.993703,}}
            image={require('./img/icon.png')} >
      </Marker>
</MapView>

Надеюсь, что это помогает ..

we are showing a location of a Train

0 голосов
/ 23 декабря 2018

единственное решение, которое работало для меня, это использование svg означает, что визуализировать изображение внутри svg вместо рендеринга напрямую реагирует на нативное изображение 

   <Svg
            height="50"
            width="50"
            key={2000}
        >
            <Image
                key={200}
                width="90%"
                height="90%"
                href={require('../assets/images/destination-3.png')}
            />
        </Svg>

, и я отображал этот svg более двух раз на странице, еслия хочу увидеть это при первом запуске !!! (и дать отрицательный верх и слева с абсолютной позицией для сокрытия этого)

...