离子 2 自定义标记无法从安卓设备中的网址加载

Question

自定义标记未在Android设备中显示加载。在iOS中正在工作。当我从安全站点（https：//）获得标记时，就可以使用。但是我想从没有安全网站的情况下展示。

添加Android

的标记代码

自定义标记未显示在代码下方。

let icon: GoogleMapsMarkerIcon = {
    url: 'http://und.edu/_files/images/cta-homepage-visit.png',
    size: {
      width: 50,
      height: 50
    }
  };
  let markerOptions: GoogleMapsMarkerOptions = {
      position: location,
      draggable: false,
      icon: icon
    };
  this.map.addMarker(markerOptions)
      .then((marker: GoogleMapsMarker) => {
  }).catch(err => {})

自定义标记如代码。

let icon: GoogleMapsMarkerIcon = {
    url: 'https://lh4.ggpht.com/Tr5sntMif9qOPrKV_UVl7K8A_V3xQDgA7Sw_qweLUFlg76d_vGFA7q1xIKZ6IcmeGqg=w300',
    size: {
      width: 50,
      height: 50
    }
  };
let markerOptions: GoogleMapsMarkerOptions = {
      position: location,
      draggable: false,
      icon: icon
    };
    this.map.addMarker(markerOptions)
      .then((marker: GoogleMapsMarker) => {
    }).catch(err => {})     

这里只有标记网址是更改。我想在离子2中的非安全域显示标记。注意：两个演示都在iOS中工作。请帮我谢谢

Answer 1

我试图在代码中使用Tour Icon-url，并且正在工作。我看不到您的代码和我之间的差异太大，但是您可以尝试这样的事情。

let markerOptions: GoogleMapsMarkerOptions = {
    position: latLong,
    title: data.name,
    visible: true,
    icon:  {
        'url': "http://und.edu/_files/images/cta-homepage-visit.png",
        'anchor': [18, 36],
        'size': {
            width: 36,
            height: 36
         }
       }
    };
    this.map.addMarker(markerOptions)
        .then((marker: GoogleMapsMarker) => {
            marker.hideInfoWindow();
    });