来自 url 的自定义图标，而不是来自 assets - nativescript google maps ios

Question

I try a lot but not success to find a way to show icon of marker from url.

 addMarker(mark, index): void {
    const marker = new Marker();
    marker.position = Position.positionFromLatLng(mark.latitude, mark.longitude);
    marker.icon = 'iconsdb.com/icons/preview/red/map-marker-2-xxl.png'; // default pin
    this.mapView.addMarker(marker);
 }

Using this for icons image from assets was working fine. now I have icons stored on cloud and I need to use them as per record.

Answer 1

Since loading image from assets works with an ImageSource, I believe you should be able to do a similar thing for images from URL. Also see documentation

The ImageSource has a 'fromUrl' you can call. So this should work for you (borrowing part of the code from your linked question)

 let imgSrc = new ImageSource();
 imgSrc.fromUrl("iconsdb.com/icons/preview/red/map-marker-2-xxl.png");

 let image = new Image();
 image.imageSource = imgSrc;

 marker.icon = image;

You should probably cache the image so it won't be downloaded x times.