InitialRegion.longitudeDelta помечен как обязательный в MapView, но его значение не определено.

Я хочу получить текущее местоположение, но он отображает компонент и показывает карту на нем, но указатель местоположения недоступен, я показываю код, который я могу понять, в чем проблема, которую я применяю множеством разных способов, но не удалось. Пожалуйста, взгляните на этот код, почему longitudeDelta дает мне неопределенность, теперь я применяю к нему жестко закодированные значения. const широтаDelta = 0,0922; const longitudeDelta = 0,1;

 watchID  = null
    constructor() {
        super();
        this.state = {
            avatarSource: null,

            initialPosition:{
                latitude: 24.946218,
                longitude: 67.005615,
                latitudeDelta: latitudeDelta ,
                longitudeDelta:longitudeDelta
            },
            markerPosition:{
                    latitude:longitudeDelta,
                    longitude:latitudeDelta
            }
        }
    }



    componentDidMount(){
        navigator.geolocation.getCurrentPosition((position) => {
            var lat = parseFloat(position.coords.latitude);
            var long = parseFloat(position.coords.longitude);

            var initialRegion = {
                latitude : lat,
                longitude: long,
                latitudeDelta: latitudeDelta,
                longitude: longitudeDelta
            }

            this.setState({initialPosition: initialRegion});
            this.setState({markerPosition:initialRegion})
        },
         (err) => alert(JSON.stringify(err)),
         {enableHighAccuracy:true, timeout:2000})

         this.watchID = navigator.geolocation.watchPosition((positions) =>{
             var lat = parseFloat(positions.coords.latitude);
             var long = parseFloat(positions.coords.longitude);
             var initialRegions = {
                latitude : lat,
                longitude: long,
                latitudeDelta: latitudeDelta,
                longitude: longitudeDelta
            }
            this.setState({initialPosition: initialRegions});
            this.setState({markerPosition:initialRegions});
         })
    }

    componentWillUnmount(){
        navigator.geolocation.clearWatch(this.watchID)
    }


<MapView style={{ height: 200 }}                                    initialRegion={this.state.initialPosition}
/>
3 метода стилизации элементов HTML
3 метода стилизации элементов HTML
Когда дело доходит до применения какого-либо стиля к нашему HTML, существует три подхода: встроенный, внутренний и внешний. Предпочтительным обычно...
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Flatpickr: простой модуль календаря для вашего приложения на React
Flatpickr: простой модуль календаря для вашего приложения на React
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей....
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
0
0
368
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий
var initialRegion = {
  latitude : lat,
  longitude: long,
  latitudeDelta: latitudeDelta,
  longitude: longitudeDelta
}

в приведенном выше коде вы присваиваете longitudeDeltalongitude вместо longitudeDelta. Исправьте это, как показано ниже.

var initialRegion = {
  latitude : lat,
  longitude: long,
  latitudeDelta: latitudeDelta,
  longitudeDelta: longitudeDelta
}

Но есть еще одна проблема в вашем коде. lat и long определены выше. Но вы не определили latitudeDelta и longitudeDelta в своем коде.

Только один из latitudeDelta или longitudeDelta когда-либо используется для расчета размера карты. Так что нет большой проблемы с жестким кодированием этих двух.

@RafaeKhatri Если этот ответ был полезен, примите его.

Ayesh Nipun 22.05.2019 15:56

Приятель, если этот ответ помог тебе, почему бы тебе не принять его? @RafaeKhatri

Ayesh Nipun 27.05.2019 01:55

извините, я впервые использовал stackoverflow, не могли бы вы мне помочь?

Rafae Khatri 27.05.2019 20:19

@RafeeKhatri нажмите стрелку вверх (нижняя левая часть ответа. Круг со стрелкой)

Ayesh Nipun 28.05.2019 03:58

Другие вопросы по теме