如何在圆心设置标记

Question

我尝试在 MapView 中的圆心设置标记，我使用地图和圆的相同坐标，但标记的图像不集中这是代码：

<MapView
                    ref={(ref) => this.map = ref}
                    provider={MapView.PROVIDER_GOOGLE}
                    style={styles.map}
                    region={{
                        latitude: this.props.user.pos.lat,
                        longitude: this.props.user.pos.lng,
                        latitudeDelta: 0.015,
                        longitudeDelta: 0.0121,
                    }}>

                    <MapView.Circle
                        center={{latitude: 33.941582,
                            longitude: 10.066695, }}
                        radius={1000}
                        fillColor="#fed42855"
                        strokeColor="#fed42855" >

                        </MapView.Circle>
                        <MapView.Marker
                        coordinate={{
                            latitude: 33.941582,
                            longitude: 10.066695,
                        }}
                        title={"title"}
                        description={"description"}                          

            image{require('../../../../../assets/navigation.png')}

                    /> 

                </MapView>

Answer 1

MapView 标记显示在给定坐标的正上方，因为默认情况下标记显示为大头针，大头针的底部对应于坐标。

您可以使用 anchor 和 centerOffset 道具根据您的需要重新定位标记。您可以找到 documentation here!

如何在圆心设置标记

how to set marker in center of the circle

android-mapview

react-native