来自某个州的 react-native-map 标记图像来源

Question

我的状态是这样的：

this.state = {
        width :  Dimensions.get('window').width,
        height :  Dimensions.get('window').height,
        initialPosition:  {
          latitiude: 48.866667,
          longitude: 2.333333,
          latitudeDelta:LATITUDE_DELTA,
          longitudeDelta: LONGITUDE_DELTA
        },
        markerIcons: {},
        markers: [],
    };

在 markerIcon 中我有不同的 .png 像这样：

我有另一个对象的 din 标记，其中显示不同的信息和交易者类别：

我在渲染中将我的标记定义为：

  {Object.keys(this.state.markers).map((marker, key) => (
          <Marker
              key={key}
              coordinate={this.state.markers[marker].coordinate}
              title={this.state.markers[marker].title}
              description={this.state.markers[marker].address}
              image={......}
          />
        ))}   
          </MapView>
        </View>

我希望我的图像来源与我的交易者的类别相匹配。
两个对象中的名称相同，但如何在我的标记中执行此操作？如何设置标记的图像源？？

感谢您的帮助 ;)

Answer 1

您可以像这样访问 marker icon 的对象

假设您的标记图标对象存储在MarkerIcon

this.state.markerIcons[this.state.markers[marker].category]

这将为您提供对象 {icon: '', label: ''} 相同的

Answer 2

你可以这样使用自定义图标

来自某个州的 react-native-map 标记图像来源

react-native-map marker images source from a state

javascript

android

ios

react-native

react-native-maps