Ionic Cordova GoogleMapsAPI将不会显示地图标记

Question

我正在开发第一个具有地图集成功能的移动应用程序，现在我已经了解了地图显示的位置，并在渲染的地图上显示了我的位置。我的坚持是要显示任何标记。渲染地图后，代码似乎停止运行。

当我应该在“此处”和“成功”到达警报时，我不会收到任何警报，但是会显示在map = new 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() { });


    }


}