как установить маркер в центре круга - PullRequest
0 голосов
/ 16 января 2019

Я попытался установить маркер в центре круга в 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 голосов
/ 16 января 2019

Маркер MapView отображается чуть выше заданной координаты, поскольку по умолчанию маркеры отображаются в виде штифтов, а нижняя часть иглы штифта соответствует координате.

Вы можете использовать реквизиты anchor и centerOffset, чтобы переместить маркер в соответствии с вашими потребностями. Вы можете найти документацию здесь !

...