2017-03-07 55 views
3

自定義標記不會顯示在Android設備中。在iOS中工作。 當我從安全網站(https://)獲取標記時,即可使用。但我想從沒有安全的網站展示。的Android離子2自定義標記不會從Android設備中的URL加載

自定義標記

添加標記碼中未示出下面的代碼。

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中工作。 請幫助我 謝謝

+0

日誌中的任何錯誤? –

+1

好吧..我建議你在這裏添加解決方案 –

+0

加載需要很多時間。 –

回答

0

我試圖在我的代碼中使用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(); 
    });