如何在圆心中设置标记

时间:2019-01-16 14:52:40

标签: react-native android-mapview

我尝试在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>

enter image description here

1 个答案:

答案 0 :(得分:1)

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

您可以使用anchorcenterOffset道具根据需要重新放置标记。您可以找到documentation here