Google Map Marker 可以在浏览器中看到，但不能在 android 中看到答案

【问题标题】：Google Map Marker can be seen in browser but not in androidGoogle Map Marker 可以在浏览器中看到，但不能在 android 中看到
【发布时间】：2018-03-07 10:46:54
【问题描述】：

我正在使用 Ionic 3。我尝试在浏览器中运行我的应用程序，并且可以看到标记。当我在我的 android 设备上运行它时，只有当前位置是标记的。为什么在我的安卓设备中找不到它的任何答案？

    displayGoogleMap() {


    //get current location
    this.geolocation.getCurrentPosition().then((resp) => {


      let latLng = new google.maps.LatLng(resp.coords.latitude, resp.coords.longitude);

      let mapOptions = {
        center: latLng,
        zoom: 15,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };

      this.map = new google.maps.Map(this.mapContainer.nativeElement, mapOptions);
      let marker = new google.maps.Marker({
        map: this.map,
        animation: google.maps.Animation.DROP,
        position: latLng
      });
      this.addInfoWindow(marker, 'Current Location');


    }).catch((error) => {
      console.log('Error getting location', error);
    });



  }

我的 displayGoogleMap() 可以工作，但是当我添加多个标记时，它还没有出现。

 addMarkersToMap(bank) {

      console.log('bank: '+bank['id']+'lat: '+bank['address']['latitude']+' longi: '+bank['address']['longitude']);

      let position = new google.maps.LatLng(bank['address']['latitude'], bank['address']['longitude']);

      let mapOptions = {
        center: position,
        zoom: 15,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };

      this.map = new google.maps.Map(this.mapContainer.nativeElement, mapOptions);
      let marker = new google.maps.Marker({
        map: this.map,
        animation: google.maps.Animation.DROP,
        position: position
      });
      this.addInfoWindow(marker, bank['institution']);


  }

  addInfoWindow(marker, content){
    let infoWindow = new google.maps.InfoWindow({
      content: content
    });
    google.maps.event.addListener(marker, 'click', () => {
      infoWindow.open(this.map, marker);
    });
  }

  retrieveBloodBanks(){

    var secret='aaaaaaaaaaaa';

      // return new Promise(resolve => {

      this.http.get('http://asdfghjk.aaa.aa.aa/api/institutions?secret='+secret)
        .map(res => res.json())
        .subscribe(data => {

          this.bankList = data;
          console.log( 'rtvr bank:  '+this.bankList);

          for (let bank of this.bankList['institutions']) {
              console.log(bank['id']);
              this.addMarkersToMap(bank);
          }

        });
      // });
  }

如果你能帮助我，你对我的论文很有帮助。

【问题讨论】：

标签： android angularjs google-maps ionic3 google-geolocation

【解决方案1】：

让 mapOptions = { 中心：{ lat: lat, lng: lng }, 缩放：15， mapTypeId：google.maps.MapTypeId.ROADMAP };

尝试使用 lat、lng 代替“新 google.maps.LatLng”？

【讨论】：