Приложение Cordova / PhoneGap зависает в новом API GoogleMaps, когда масштаб с маркером на карте - PullRequest
Новая
       8

Приложение Cordova / PhoneGap зависает в новом API GoogleMaps, когда масштаб с маркером на карте

0 голосов
/ 26 октября 2018

ОБНОВЛЕНИЕ : проблема решена с помощью нового выпущенного googlemaps api 3.35

Задача

При попытке ущипнуть (или быстро дважды) увеличить изображение, если на карте есть маркер, приложение может вылететь.

Этого не произошло, пока Google не выпустит JS API 3.32, в котором используется новая карта renderer . Мы использовали для принудительного использования 3.31, но с августа он был удален.

Использование

  • Phonegap: PhoneGap Cli-7.1.0, Cordova iOS 4.5.4
  • iOS: 11, 12 (возможно, все версии iOS)
  • Устройства: iPhone 8, iPhone X, iPad Pro (возможно, все устройства Apple)
  • API GoogleMaps JavaScript: 3,32 - 3,34
  • Реакция: 16.2.0

Реализация Google Maps (пробовали 4 способами):

  • response-google-maps : сбой
  • google-map-реакции : сбой

  • обычная реализация js : не сбой 

    var marker1 = new window.google.maps.Marker({
    position: { lat: 39.304, lng: -76.617 },
    map: this.map
});
var marker2 = new window.google.maps.Marker({
    position: { lat: 39.305, lng: -76.616 },
    map: this.map
});

  • создать компонент React с обычной реализацией js: crash

    Мой маркерный компонент: 

    class Marker extends Component {
    componentDidMount() {
        const { position, icon } = this.props;
        this.marker = new window.google.maps.Marker({
            position,
            icon
        });
    }

    componentWillReceiveProps(newProps) {
        const { map, position } = newProps;
        if (map && !this.marker.map) {
            this.marker.setMap(map);
        }
        if (position.lat !== this.props.position.lat || position.lng !== this.props.position.lng) {
            this.marker.setPosition(position);
        }
    }

    componentWillUnmount() {
        this.marker.setMap(null);
    }

    render() {
        return false;
    }
}

    Как я использую этот компонент: 

    {_.map(studyAreas, (s, i) => (
            <Marker
                icon={s.icon}
                position={s.position}
                map={this.map}
                key={i}
            />
        ))
}

Соответствующие ссылки

IOS: сбой приложения Cordova на Google Map api увеличить ios 11.3 iphone x

https://github.com/ionic-team/cordova-plugin-ionic-webview/issues/75

При обсуждении этой проблемы с github кажется, что у них была эта проблема сбоев из-за некоторых библиотек js. Однако у меня возникает эта проблема, даже когда я создаю простое новое приложение для телефонной пробки, не ссылаясь на дополнительные библиотеки.

Любая помощь, обсуждение, мысли будут оценены, спасибо!

...