如何使用React Native更改GoogleMap标记的图钉和点的颜色

时间:2019-11-21 06:08:19

标签: react-native react-native-maps

如何更改标记针点的颜色。我更改了标记图钉的颜色,但圆点的颜色未更改。请帮我。

<Marker
   coordinate={destination} centerOffset={{ x: -18, y: -60 }} anchor={{
   x: 0.69, y: 1 }} pinColor={colors.zyberia.primary} />:null}
   {destination != null? <MapViewDirections origin={origin}
   destination={destination} apikey={apiKey} strokeWidth={3}
   strokeColor={colors.zyberia.primary} />:null}enter code here
   </MapView.Animated>

1 个答案:

答案 0 :(得分:0)

“,标记点颜色”是什么意思?

下面我粘贴的代码正在努力更改应用中颜色的标记样式,我正在使用'react-native-maps' library

<Marker
   coordinate={spot.coords}>
   title={spot.name}
   <View style={styles.marker}>
      <Entypo name="location-pin" size={24} color="#344163"/>
   </View>
</Marker>

和styles.marker:

marker: {
 width: 40,
 height: 40,
 borderRadius: 40,
 justifyContent: 'center',
 alignItems: 'center',
 borderWidth: 1,
 borderColor: '#FFF',
},

此代码创建的标记如下所示: enter image description here