Загрузка значка GMSMarker по URL-адресу

Просто используйте SDWebimage и .iconView, а не .icon

let imageView = UIImageView(image: pinImage)
imageView.sd_setImage(with: URL(string: "https://pbs.twimg.com/profile_images/469017630796296193/R-bEN4UP.png"), placeholderImage: pinImage)
marker.iconView = imageView

Хорошо, тогда я мало что знал о параллелизме, и просмотр всех ответов на самом деле не решал того, что я действительно имел в виду.

Проблема

Поскольку загрузка изображения из URL (downloadImage(from url: URL, completion: @escaping (UIImage) -> Void)) является фоновой операцией, к тому времени, когда изображение будет загружено, marker выйдет за пределы области действия, будучи снова инициализированным в цикле.

Таким образом, невозможно узнать, какое изображение было привязано к какому маркеру.

Кроме того, относительно Почему это работает при перезагрузке?, SDWebImage при перезагрузке уже загрузил и кэшировал изображение, поэтому в следующий раз задержки нет, оно просто привязано к marker напрямую.

Решение

Переместите маркеры изменяемой переменной как неизменяемое значение внутри цикла.

func createMarkers() {
    let mapCoordinates: [CLLocationCoordinate2D] = coordinates()
    let iconURLs: [URL] = imageURLs()

    for i in 0..<mapCoordinates.count {
        let imageURL = iconURLs[i]

        let marker = GMSMarker()
        marker.position = mapCoordinates[i]
        marker.map = mapView
        applyImage(from: imageURL, to: marker)
    }
}

Теперь вы видите, что я представил вспомогательную функцию под названием applyImage(from:, to:), которая в основном ничего особенного не делает, а загружает изображение из URL и привязывает его к аргументу типа GMSMarker.

func applyImage(from url: URL, to marker: GMSMarker) {
    DispatchQueue.global(qos: .background).async {
        guard let data = try? Data(contentsOf: url),
            let image = UIImage(data: data)?.cropped()
            else { return }

        DispatchQueue.main.async {
            marker.icon = image
        }
    }
}

Дополнительно есть расширение для обрезки изображения до 44pt X 44pt, это неправильно, но это просто для предварительного просмотра того, что было загружено.

extension UIImage {

    func cropped() -> UIImage? {
        let cropRect = CGRect(x: 0, y: 0, width: 44 * scale, height: 44 * scale)

        guard let croppedCGImage = cgImage?.cropping(to: cropRect) else { return nil }

        return UIImage(cgImage: croppedCGImage, scale: scale, orientation: imageOrientation)
    }
}

ПРИМЕЧАНИЕ. Весь код ViewController можно найти в Gist, который я написал!

Выход

возможно, попробуйте это... переместите пару строк внутрь блока завершения, используйте маркер...

[imageView setImageWithURL:[NSURL URLWithString:placeObject.photoPath] completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType)
{
    image = [self image:image ByScalingAndCroppingForSize:CGSizeMake(44, 44)];
    [marker setIcon:image];
    [pins addObject:marker]; //assuming you use pins later
    marker.map = mapView_;
}];

так как у вас уже есть маркер, над которым вы работаете. конечно, вам нужно будет обратить внимание на ваш обработчик ошибок.

такая же проблема. И это мое решение: добавить 2 раза

Это мой код :D

- (void)addMarkers {
    //for() {
         NSString *avatarLink = [tempLocation.userInfo objectForKey:@"avatar"];
        GMSMarker *marker = [self addMarker:tempLocation andCustomView:customView];

        [customView.imageGame setImageWithURL:[NSURL URLWithString:avatarLink] placeholderImage:[UIImage imageNamed:LOADING_ICON] options:SDWebImageCacheMemoryOnly completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType) {
            marker.icon = [self captureView:customView];
        }];
    //}
}
- (GMSMarker*)addMarker: (FriendLocation*)tempLocation andCustomView: (FriendCustomInforwindow*)customView {
    GMSMarker *marker = [[GMSMarker alloc] init];
    marker.position = CLLocationCoordinate2DMake(tempLocation.coordinate.latitude, tempLocation.coordinate.longitude);
    marker.animated=YES;
    marker.infoWindowAnchor = CGPointMake(0.5, 2.37);
    marker.icon = [self captureView:customView];
    marker.map = mapView;
    [markersArray addObject:marker];
    return marker;
}