Ionic Google Map Marker不会出现在Android设备中，但会出现在浏览器中

Question

我在用离子3。我尝试在浏览器中运行我的应用程序，可以看到标记。当我运行它在我的Android设备，只有当前位置被标记。知道为什么在我的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（）可以工作，但当我添加多个标记时，它还没有出现。

AdMarkersToMap（银行）{

  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']);

}

AddInfo窗口（marker，content）{let infoWindow=new google.maps.infoWindow（{content:content}）；google.maps.event.addListener（marker，'click'，（）=

检索血库

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);
      }

    });
  // });

}如果你能帮我的话，你对我的论文是个很大的帮助。

Answer 1

您需要删除addMarkersToMap（）函数中的映射选项，

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 marker = new google.maps.Marker({
    map: this.map,
    animation: google.maps.Animation.DROP,
    position: position
  });

  this.addInfoWindow(marker, bank['institution']);
}