我尝试在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>
答案 0 :(得分:1)
MapView标记显示在给定坐标的正上方,因为默认情况下标记显示为大头针,而大头针的底部对应于该坐标。
您可以使用anchor
和centerOffset
道具根据需要重新放置标记。您可以找到documentation here!