增加MapboxGL.PointAnnotation的大小

问题描述

使用PointAnnotation,我在指定的坐标上看到一个标记

      <MapBoxGL.PointAnnotation
        id={favouritePlaceId.toString()}
        title={customisedname}
        coordinate={coordinates}/>

但是标记太小。有什么办法可以增加它的大小? 'style'属性在PointAnnotation上不起作用,并给出重载错误。还有什么可以做的?

解决方法

可以使用MarkerView代替PointAnnotation。在视图内部,您可以使用任何自定义图标/图像,文本组件等,然后向其添加自定义样式表以增加大小。或者,如果您使用的是超棒的字体图标,则可以直接传递size = {}

<MarkerView id={} coordinate={}>
<View>
<Icon></Icon>
<View>

完整示例:https://medium.com/javascript-in-plain-english/mark-a-coordinate-on-mapbox-map-in-react-native-5d21c71ed46e