Ionic Cordova GoogleMapsAPI не будет показывать маркеры карты - PullRequest
Новая
       17

Ionic Cordova GoogleMapsAPI не будет показывать маркеры карты

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

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

Когда я получаю оповещения «здесь» и «сделал это», я не получаю никаких оповещений, однако любые оповещения, размещенные перед картой = новыеРаздел GoogleMap действительно отображается.Любое понимание относительно правильной настройки для маркера?Есть ли ошибочный код, мешающий запуску остальных?

Ниже приведен файл home home.ts: 

import { Component } from '@angular/core';
import { NavController, Platform } from 'ionic-angular';
import { GoogleMap, GoogleMapsEvent, GoogleMapsLatLng } from 'ionic-native';

@Component({
  selector: 'home-page',
  templateUrl: 'home.html'
})
export class HomePage {

    map: GoogleMap;

    constructor(public navCtrl: NavController, public platform: Platform) {
        platform.ready().then(() => {

            this.loadMap();

        });
    }

    loadMap(){

        navigator.geolocation.getCurrentPosition(function(position) {

            let location = new GoogleMapsLatLng(position.coords.latitude,position.coords.longitude);


             this.map = new GoogleMap('map', {
              'backgroundColor': 'white',
              'controls': {
                'compass': true,
                'myLocationButton': true,
                'indoorPicker': true,
                'zoom': true
              },
              'gestures': {
                'scroll': true,
                'tilt': true,
                'rotate': true,
                'zoom': true
              },
              'camera': {
                'latLng': location,
                'zoom': 15
              }
            })
            this.map.addMarker({
                'position': location,
                'title': "Your Location!"
            }, function(marker) {

                marker.showInfoWindow();

            });

            alert("here");


            this.map.one(GoogleMapsEvent.MAP_READY).then((data: any) => {
                alert("made it");
            });

        }, function() { });


    }


}
...