自定义标记图标未显示在android上

时间:2020-02-20 12:59:54

标签: angular google-maps ionic-framework ionic3

我有此代码:

this.service.getListe(data).forEach((data: any) => {
    const marker: Marker = this.map.addMarkerSync(data);
    marker.on(GoogleMapsEvent.MARKER_CLICK).subscribe((params) => {
        this.click(params);
    });
});

现在getListe()如下:

getListe(merchants: any) {
    const Liste: BaseArrayClass<any> = new BaseArrayClass<any>();
    merchants.map(item => {
        Liste.push({
            title: item.name,
            animation: 'DROP',
            position: {
                lat: item.lat,
                lng: item.long
            },
            icon: 'http://icons.iconarchive.com/icons/iconarchive/red-orb-alphabet/24/Number-1-icon.png',
            disableAutoPan: true
        });
    });

    return Markers;
}

我尝试过,就像这样:

icon: {
    url: 'http://icons.iconarchive.com/icons/iconarchive/red-orb-alphabet/24/Number-1-icon.png'
}

但行为相同,问题在于在仿真器和真实设备上,图标没有更改。在浏览器模式下,对于标记,我具有在BaseArrayClass中指示的正确图标,但是在模拟器上,我具有默认图标。你有这个想法吗?

1 个答案:

答案 0 :(得分:0)

尝试找到带有https协议的图标。

Google可能不允许使用不安全的网址。