问题描述
我是 iOS 新手,我使用来自不同数组类型的静态标记实现了 MapKit,并且它们工作正常,例如,我试图将来自商店数组的引脚设置为蓝色,以及来自社区阅读的引脚等..我不知道如何做到这一点 根本上,它们在地图中都是红色的,我的目标是更改每个针脚阵列的颜色
这里是我尝试过的:
import UIKit
import MapKit
class myMapViewController: UIViewController,MKMapViewDelegate {
var shops = [Shops]()
var communities = [Community]()
var cyclists = [Cyclist]()
var circuits = [Circuit]()
@IBOutlet weak var myMap: MKMapView!
override func viewDidLoad() {
super.viewDidLoad()
shops.append(Shops(id: 0,title: "Shop1",latitude: 36.553015,longitude: 10.592774))
shops.append(Shops(id: 0,title: "Shop2",latitude: 35.499414,longitude: 10.824846))
communities.append(Community(id: 0,title: "community1",latitude: 37.276943,longitude: 10.934709 ))
communities.append(Community(id: 0,title: "community2",latitude: 35.427828,longitude: 9.748186 ))
circuits.append(Circuit(id: 0,title: "circuit1",latitude: 33.773035,longitude: 10.857805 ))
cyclists.append(Cyclist(id: 0,title: "cyclist1",latitude: 35.785118,longitude: 10.000871 ))
createShopsAnnotations(locations: shops)
createCircuitsAnnotations(locations: circuits)
createCommunityAnnotations(locations: communities)
createCyclistsAnnotations(locations: cyclists)
}
func createShopsAnnotations(locations:[Shops]){
for location in locations {
let annotations = MKPointAnnotation()
annotations.title = location.title as? String
annotations.coordinate = CLLocationCoordinate2D(latitude: location.latitude as! CLLocationdegrees,longitude: location.longitude as! CLLocationdegrees)
myMap.addAnnotation(annotations)
}
}
func createCircuitsAnnotations(locations:[Circuit]){
for location in locations {
let annotations = MKPointAnnotation()
annotations.title = location.title as? String
annotations.coordinate = CLLocationCoordinate2D(latitude: location.latitude as! CLLocationdegrees,longitude: location.longitude as! CLLocationdegrees)
myMap.addAnnotation(annotations)
}
}
func createCommunityAnnotations(locations:[Community]){
for location in locations {
let annotations = MKPointAnnotation()
annotations.title = location.title as? String
annotations.coordinate = CLLocationCoordinate2D(latitude: location.latitude as! CLLocationdegrees,longitude: location.longitude as! CLLocationdegrees)
myMap.addAnnotation(annotations)
}
}
func createCyclistsAnnotations(locations:[Cyclist]){
for location in locations {
let annotations = MKPointAnnotation()
annotations.title = location.title as? String
annotations.coordinate = CLLocationCoordinate2D(latitude: location.latitude as! CLLocationdegrees,longitude: location.longitude as! CLLocationdegrees)
myMap.addAnnotation(annotations)
}
}
}
我指导了一些教程,但我无法将它们应用到我的示例中。
解决方法
基本思想是制作一个注解视图类型来渲染正确的颜色。因此,假设您有四种注释类型(见下文),那么您可能有一个像这样的注释视图类型:
class AnnotationView: MKMarkerAnnotationView {
override var annotation: MKAnnotation? { didSet { update(for: annotation) } }
override init(annotation: MKAnnotation?,reuseIdentifier: String?) {
super.init(annotation: annotation,reuseIdentifier: reuseIdentifier)
update(for: annotation)
}
required init?(coder: NSCoder) {
super.init(coder: coder)
}
func update(for annotation: MKAnnotation?) {
switch annotation {
case is Shop: markerTintColor = .blue
case is Community: markerTintColor = .cyan
case is Cyclist: markerTintColor = .green
case is Circuit: markerTintColor = .red
default: break
}
}
}
然后你会让你的视图控制器为你的地图视图注册那个注释视图:
override func viewDidLoad() {
super.viewDidLoad()
mapView.register(AnnotationView.self,forAnnotationViewWithReuseIdentifier: MKMapViewDefaultAnnotationViewReuseIdentifier)
...
}
请注意,当您注册这样的注释视图类型时,您不想要实现任何 mapView(_:viewFor:)
方法。自 iOS 11 起,不再需要/推荐该委托方法。
无论如何,该注释视图类型假定您有四种类型的注释。我个人会将 Shop
、Community
、Cyclist
和 Circuit
设为注释类型,例如
class Shop: NSObject,MKAnnotation {
let id: Int
dynamic var title: String?
dynamic var subtitle: String?
dynamic var coordinate: CLLocationCoordinate2D
init(id: Int,title: String,subtitle: String? = nil,coordinate: CLLocationCoordinate2D) {
self.id = id
self.title = title
self.subtitle = subtitle
self.coordinate = coordinate
super.init()
}
}
// repeat for the other three types
然后,当我想将它们添加到我的地图时:
shops.append(Shop(id: 0,title: "Shop1",coordinate: CLLocationCoordinate2D(latitude: 36.553015,longitude: 10.592774)))
shops.append(Shop(id: 0,title: "Shop2",coordinate: CLLocationCoordinate2D(latitude: 35.499414,longitude: 10.824846)))
communities.append(Community(id: 0,title: "community1",coordinate: CLLocationCoordinate2D(latitude: 37.276943,longitude: 10.934709)))
communities.append(Community(id: 0,title: "community2",coordinate: CLLocationCoordinate2D(latitude: 35.427828,longitude: 9.748186)))
circuits.append(Circuit(id: 0,title: "circuit1",coordinate: CLLocationCoordinate2D(latitude: 33.773035,longitude: 10.857805)))
cyclists.append(Cyclist(id: 0,title: "cyclist1",coordinate: CLLocationCoordinate2D(latitude: 35.785118,longitude: 10.000871)))
mapView.addAnnotations(shops + communities + circuits + cyclists)
或者,您可能有一种注释类型:
enum PlaceType {
case shop,community,cyclist,circuit
}
class Place: NSObject,MKAnnotation {
let id: Int
let type: PlaceType
dynamic var title: String?
dynamic var subtitle: String?
dynamic var coordinate: CLLocationCoordinate2D
init(id: Int,type: PlaceType,coordinate: CLLocationCoordinate2D) {
self.id = id
self.type = type
self.title = title
self.subtitle = subtitle
self.coordinate = coordinate
super.init()
}
}
然后您将实例化这些地点:
var places = [Place]()
override func viewDidLoad() {
super.viewDidLoad()
mapView.register(AnnotationView.self,forAnnotationViewWithReuseIdentifier: MKMapViewDefaultAnnotationViewReuseIdentifier)
places = [
Place(id: 0,type: .shop,longitude: 10.592774)),Place(id: 0,longitude: 10.824846)),type: .community,longitude: 10.934709)),longitude: 9.748186)),type: .circuit,longitude: 10.857805)),type: .cyclist,longitude: 10.000871))
]
mapView.addAnnotations(places)
}
然后您的注释视图类型将使用此 type
参数:
class AnnotationView: MKMarkerAnnotationView {
override var annotation: MKAnnotation? { didSet { update(for: annotation) } }
override init(annotation: MKAnnotation?,reuseIdentifier: reuseIdentifier)
update(for: annotation)
}
required init?(coder: NSCoder) {
super.init(coder: coder)
}
func update(for annotation: MKAnnotation?) {
guard let annotation = annotation as? Place else { return }
switch annotation.type {
case .shop: markerTintColor = .blue
case .community: markerTintColor = .cyan
case .cyclist: markerTintColor = .green
case .circuit: markerTintColor = .red
}
}
}
结果: