Question

据我测试，我正在尝试向标记添加自定义图标，当我将icon prop传递给时，它会根据需要显示图像（关键是我想要一个图标而不是图像，而我需要提供href（uri））。我正在使用来自react-native-map-clustering的Mapview和来自react-native-maps的Marker。当我在标记内传递时，它仅显示一个标记的图像。期待获得帮助：）

有我的Marker comp。

 <Marker tracksViewChanges={true} key={index} coordinate={marker.coordinate} type={marker.type} centerOffset={{ x: 0, y: -20 }} >
                <Animated.View style={[styles.markerWrap, opacityStyle]}>
                  <Animated.View style={[styles.ring, scaleStyle]} />
                  <Icon
                  key={index}
                  size={3}
                  reverse
                  reverseColor='black'
                  name='wifi'
                  type='font-awesome'
                  color='#fff'
                  />
                  <View style={styles.marker} />
                </Animated.View>
              </Marker>

是否甚至可以在标记中正确显示“真棒字体”图标？

Answer 1

这就是我将图标作为标记处理的方式。但是，我不知道您是否也希望聚类标记也成为图标，如果是这样，我也在寻找。

<Marker
      key={index}
      coordinate={{ latitude: charger.geolocation.latitude, longitude: charger.geolocation.longitude }}
      onPress={() => this.getMarkerLocation(charger.geolocation.latitude, charger.geolocation.longitude, index, charger)}
    >
    <Icon
        reverse
        size={10}
        name='plug'
        type="font-awesome"
    />
</Marker>

使用自定义图标反应本地地图标记

1 个答案: