【问题标题】:increase size of MapboxGL.PointAnnotation增加 MapboxGL.PointAnnotation 的大小
【发布时间】:2020-12-02 02:58:48
【问题描述】:

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

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

但是标记太小了。有什么办法可以增加它的大小吗? 'style' 属性不适用于 PointAnnotation 并给出重载错误。还能做什么?

【问题讨论】:

    标签: javascript reactjs react-native mapbox mapbox-gl-js


    【解决方案1】:

    您可以使用 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

    【讨论】:

    • 当我使用除默认标记之外的任何东西时,Pointannotation 的“onSelected”方法在 ios 上不起作用。您还有其他解决方案吗?
    猜你喜欢
    • 2015-12-08
    • 2021-01-15
    • 2016-11-08
    • 1970-01-01
    • 2012-06-17
    • 2016-04-23
    • 1970-01-01
    • 2012-11-07
    • 2022-01-21
    相关资源
    最近更新 更多