Question

我从JSON文件中解析了一组数据（参见下面的示例）：

{
    "locations": [

        {
            "id": "0001",
            "name": "Helensburgh Tunnels",
            "type": "Tunnels, Beach, Views",
            "location": "Helensburgh, South Coast",
            "image": "Helensburgh-Tunnels.jpg",
            "activity": "Walking, photography, tunnelling",
            "isVisited": false,
            "latitude": -34.178985,
            "longitude": 150.992867
        }
    ]
}

我能够正确地将所有这些数据读入TableView（一切正常），但是，我还希望将JSON文件中的所有位置显示为MapView上的注释。到目前为止，除了标注框左侧的预览图像外，所有内容都显示正确（所有注释引脚都会出现，单击时会显示带有标题和副标题的标注，但没有图像）。

我需要解决什么才能展示此图片？我能够在我的应用程序的其他部分实现它，其中只显示一个位置，但是，我似乎无法弄清楚如何将图像添加到此视图中的所有注释标注。

这是我用来填充我的NearMeMapViewController中的注释的代码：

import UIKit
import MapKit
import CoreLocation

class NearMeMapViewController: UIViewController, MKMapViewDelegate, CLLocationManagerDelegate {

    @IBOutlet var nearMeMap: MKMapView!

    let locationManager = CLLocationManager()

    var locations = [Location]()
    var location:Location!

    override func viewDidLoad() {
        super.viewDidLoad()

        // parse json
        if let locationJson = readLocation(){
            if let locationArray = locationJson["locations"] as? [[String:Any]]{
                for location in locationArray{
                    locations.append(Location.init(locationInfo: location))
                }
                print(locations.count)
            }
        }
        // end parse json

        nearMeMap.delegate = self

        self.locationManager.delegate = self
        self.locationManager.desiredAccuracy = kCLLocationAccuracyBest
        self.locationManager.requestWhenInUseAuthorization()
        self.locationManager.startUpdatingLocation()
        self.nearMeMap.showsUserLocation = true

        // Show annotation
        for location in locations {
            let annotation = MKPointAnnotation()
            annotation.title = location.name
            annotation.subtitle = location.type
            annotation.coordinate = CLLocationCoordinate2D(latitude: location.latitude, longitude: location.longitude)
            nearMeMap.addAnnotation(annotation)

        }

    }


    // Start test - Custom annotation callout with image
    func nearMeMap (_ nearMeMap: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView? {

        let identifier = "MyPin"

        if annotation.isKind(of: MKUserLocation.self) {
        return nil
        }

        // Reuse the annotation if possible
        var annotationView:MKPinAnnotationView? = nearMeMap.dequeueReusableAnnotationView(withIdentifier: identifier) as? MKPinAnnotationView

        if annotationView == nil {
            annotationView = MKPinAnnotationView(annotation: annotation, reuseIdentifier: identifier)
            annotationView?.canShowCallout = true
        }

        let leftIconView = UIImageView(frame: CGRect.init(x: 0, y: 0, width: 53, height: 53))
        leftIconView.image = UIImage(named: location.image)
        annotationView?.leftCalloutAccessoryView = leftIconView

        return annotationView
    }
    // End test

我真的很感激任何帮助！我是学生，我只是在学习，很抱歉，如果我使用了任何不正确的术语或没有任何错误。

Answer 1

Swift 3.0

在上面的代码中，MKMapViewDelegate应为

func mapView (_ mapView: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView?{...}

而不是

func nearMeMap (_ nearMeMap: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView? {...}

添加var currentIndex = 0作为全局声明以标识当前图像索引。否则，您知道使用id响应中的JSON。

即，全局范围变得类似于以下代码，

let locationManager = CLLocationManager()

var locations = [Location]()
//test variable? implemented to resolve issue with images in custom callout
var location:Location!

var currentIndex = 0
override func viewDidLoad() {...}

然后，leftIconView将成为，

let leftIconView = UIImageView(frame: CGRect.init(x: 0, y: 0, width: 53, height: 53))

var images = [String]()
for location in locations{
    images.append(location.image)
}
leftIconView.image = UIImage(named: images[currentIndex])
self.currentIndex = self.currentIndex+1 //0,1,2,3...N.

<强>输出： -

Answer 2

如果要为注释视图设置自定义图像，请选择MKAnnotationView而不是MKPinAnnotationView。您可以将自定义图像设置为Image的{{1}}属性，将其设置为注释。有关MKAnnotationView的更多信息，请查看here。

由于MKAnnotationView是MKPinAnnotationView的子类，因此它具有图像属性，但它通常（通常在您不期望它时）忽略它并显示其内置图钉图像。 / p>

所以最好只使用普通的MKAnnotationView。

有关详细信息，请参阅this答案。您可以按照here的说明使用MKAnnotationView。

-----编辑-----

隐藏您的基本MKAnnotationView以显示您的自定义图片。

Callout

请参阅此ans以自定义annotationView?.canShowCallout = false张图片。查看this链接以获取详细教程。

希望它有所帮助。快乐编码!!

使用图像创建自定义地图注记标注，从数组

2 个答案: