What s New in MapKit. App Frameworks #WWDC17. Fredrik Olsson

Transcription

1 Session App Frameworks #WWDC17 What s New in MapKit 237 Fredrik Olsson 2017 Apple Inc. All rights reserved. Redistribution or public display not permitted without written permission from Apple.

2

3

4 MKMapView.mapType.standard

5 MKMapView.mapType.standard

6 MKMapView.mapType NEW.standard.mutedStandard

7

8

9 open class MKUserTrackingBarButtonItem : UIBarButtonItem { } init(mapview: MKMapView)

10 open class MKUserTrackingBarButtonItem : UIBarButtonItem { } init(mapview: MKMapView)

11 open class MKUserTrackingButton : UIView { } init(mapview: MKMapView) NEW

12 open class MKUserTrackingButton : UIView { } init(mapview: MKMapView) NEW open class MKCompassButton : UIView { init(mapview: MKMapView) compassvisibility: MKFeatureVisibility }

13 open class MKUserTrackingButton : UIView { } init(mapview: MKMapView) NEW open class MKCompassButton : UIView { init(mapview: MKMapView) compassvisibility: MKFeatureVisibility }

14 open class MKUserTrackingButton : UIView { } init(mapview: MKMapView) NEW open class MKCompassButton : UIView { init(mapview: MKMapView) compassvisibility: MKFeatureVisibility } public enum MKFeatureVisibility : Int { case adaptive case hidden case visible }

15 MKCompassButton.compassVisibility N N.hidden.visible.adaptive

16 MKCompassButton.compassVisibility N N.hidden.visible.adaptive

17 MKCompassButton.compassVisibility N N.hidden.visible.adaptive

18 MKCompassButton.compassVisibility N N.hidden.visible.adaptive

19 MKCompassButton.compassVisibility N N.hidden.visible.adaptive

20 MKCompassButton.compassVisibility N N.hidden.visible.adaptive

21 open class MKUserTrackingButton : UIView { } init(mapview: MKMapView) NEW open class MKCompassButton : UIView { init(mapview: MKMapView) compassvisibility: MKFeatureVisibility } open class MKScaleView : UIView { init(mapview: MKMapView) scalevisibility: MKFeatureVisibility legendalignment: MKScaleViewAlignment }

22 open class MKUserTrackingButton : UIView { } init(mapview: MKMapView) NEW open class MKCompassButton : UIView { init(mapview: MKMapView) compassvisibility: MKFeatureVisibility } open class MKScaleView : UIView { init(mapview: MKMapView) scalevisibility: MKFeatureVisibility legendalignment: MKScaleViewAlignment }

23 open class MKUserTrackingButton : UIView { } init(mapview: MKMapView) NEW open class MKCompassButton : UIView { init(mapview: MKMapView) compassvisibility: MKFeatureVisibility } open class MKScaleView : UIView { init(mapview: MKMapView) scalevisibility: MKFeatureVisibility legendalignment: MKScaleViewAlignment }

24 open class MKUserTrackingButton : UIView { } init(mapview: MKMapView) NEW open class MKCompassButton : UIView { init(mapview: MKMapView) compassvisibility: MKFeatureVisibility } open class MKScaleView : UIView { init(mapview: MKMapView) scalevisibility: MKFeatureVisibility legendalignment: MKScaleViewAlignment }

25 MKScaleView.legendAlignment.leading.trailing

26 MKScaleView.legendAlignment.leading.trailing

27 MKScaleView.legendAlignment.leading.trailing

28 MKScaleView.legendAlignment.leading.trailing

29 MKScaleView.legendAlignment

30

31

32 MKPinAnnotationView

33 Normal Selected

34 Normal Selected

35 Normal Selected

36 MKMarkerAnnotationView NEW Normal Selected

37 MKMarkerAnnotationView NEW Normal Selected

38 MKMarkerAnnotationView NEW Normal Selected

39 Normal Selected

40 Normal Selected

41 MKMarkerAnnotationView Normal Selected Selected with Callout

42 open class MKMarkerAnnotationView : MKAnnotationView { open var titlevisibility: MKFeatureVisibility open var subtitlevisibility: open var markertintcolor: open var glyphtintcolor: UIColor? open var glyphtext: open var glyphimage: open var selectedglyphimage: UIImage? } open var animateswhenadded: Bool

43 open class MKMarkerAnnotationView : MKAnnotationView { open var titlevisibility: MKFeatureVisibility open var subtitlevisibility: open var markertintcolor: open var glyphtintcolor: UIColor? open var glyphtext: open var glyphimage: open var selectedglyphimage: UIImage? } open var animateswhenadded: Bool

44 MKMarkerAnnotationView.titleVisibility.hidden.hidden

45 MKMarkerAnnotationView.titleVisibility.visible.visibile

46 MKMarkerAnnotationView.titleVisibility.adaptive.adaptive

47 open class MKMarkerAnnotationView : MKAnnotationView { open var titlevisibility: MKFeatureVisibility open var subtitlevisibility: open var markertintcolor: open var glyphtintcolor: UIColor? open var glyphtext: open var glyphimage: open var selectedglyphimage: UIImage? } open var animateswhenadded: Bool

48 MKMarkerAnnotationView.markerTintColor nil UIColor.orange UIColor.init(named: mycolor )

49 MKMarkerAnnotationView.markerTintColor nil UIColor.orange UIColor.init(named: mycolor )

50 MKMarkerAnnotationView.markerTintColor nil UIColor.orange UIColor.init(named: mycolor )

51 MKMarkerAnnotationView.markerTintColor NEW nil UIColor.orange UIColor.init(named: mycolor )

52 open class MKMarkerAnnotationView : MKAnnotationView { open var titlevisibility: MKFeatureVisibility open var subtitlevisibility: open var markertintcolor: open var glyphtintcolor: UIColor? open var glyphtext: open var glyphimage: open var selectedglyphimage: UIImage? } open var animateswhenadded: Bool

53 MKMarkerAnnotationView.glyphText nil A+

54 MKMarkerAnnotationView.glyphText nil A+

55 MKMarkerAnnotationView.glyphText nil A+

56 MKMarkerAnnotationView.glyphText nil A+

57 MKMarkerAnnotationView.glyphText A+ Hello World

58 open class MKMarkerAnnotationView : MKAnnotationView { open var titlevisibility: MKFeatureVisibility open var subtitlevisibility: open var markertintcolor: open var glyphtintcolor: UIColor? open var glyphtext: open var glyphimage: open var selectedglyphimage: UIImage? } open var animateswhenadded: Bool

59 MKMarkerAnnotationView.glyphImage

60 MKMarkerAnnotationView.glyphImage 40x40 pts

61 MKMarkerAnnotationView.glyphImage 40x40 pts

62 MKMarkerAnnotationView.glyphImage 20x20 pts 40x40 pts

63 MKMarkerAnnotationView.glyphImage 20x20 pts 40x40 pts

64 MKMarkerAnnotationView.glyphImage 20x20 pts 40x40 pts

65 .glyphimage.selectedglyphimage 20x20 pts 40x40 pts

66

67

68 open class MKAnnotationView : UIView { NEW open var displaypriority: MKFeatureDisplayPriority }

69 open class MKAnnotationView : UIView { NEW open var displaypriority: MKFeatureDisplayPriority } extension MKFeatureDisplayPriority { public static let required: MKFeatureDisplayPriority! public static let defaulthigh: MKFeatureDisplayPriority! public static let defaultlow: MKFeatureDisplayPriority! }

70 MKAnnotationView.displayPriority.required.defaultHigh.defaultLow

71 MKAnnotationView.displayPriority.required.defaultHigh.defaultLow

72 MKAnnotationView.displayPriority.required.defaultHigh.defaultLow

73 MKAnnotationView.displayPriority.required

74

75

76

77 open class MKAnnotationView : UIView { NEW open var clusteringidentifier: String? }

78 MKAnnotationView.clusteringIdentifier nil identifier

79 MKAnnotationView.clusteringIdentifier nil identifier

80 MKAnnotationView.clusteringIdentifier nil identifier

81 Demo Clustering and display priority

82

83

84

85 func mapview(_ mapview: MKMapView, viewfor annotation: MKAnnotation) -> MKAnnotationView? { if annotation is MKUserLocation { return nil } else { var view = mapview.dequeuereusableannotationview(withidentifier: "identifier") // setup the view return view } }

86 func mapview(_ mapview: MKMapView, viewfor annotation: MKAnnotation) -> MKAnnotationView? { if annotation is MKUserLocation { return nil } else { var view = mapview.dequeuereusableannotationview(withidentifier: "identifier") // setup the view return view } }

87 func mapview(_ mapview: MKMapView, viewfor annotation: MKAnnotation) -> MKAnnotationView? { if annotation is MKUserLocation { return nil } else { var view = mapview.dequeuereusableannotationview(withidentifier: "identifier") // setup the view return view } }

88 func mapview(_ mapview: MKMapView, viewfor annotation: MKAnnotation) -> MKAnnotationView? { if annotation is MKUserLocation { return nil } else if let cluster = annotation as? MKClusterAnnotation { var view = mapview.dequeuereusableannotationview(withidentifier: "cluster") // setup the view return view } else { var view = mapview.dequeuereusableannotationview(withidentifier: "bike") // setup the view return view } 3 } NEW

89 open class MKClusterAnnotation : NSObject, MKAnnotation { NEW open var title: String? open var subtitle: String? } open var memberannotations: [MKAnnotation] { get } public init(memberannotations: [MKAnnotation]) 3

90 open class MKClusterAnnotation : NSObject, MKAnnotation { NEW open var title: String? open var subtitle: String? } open var memberannotations: [MKAnnotation] { get } public init(memberannotations: [MKAnnotation]) 3

91 open class MKClusterAnnotation : NSObject, MKAnnotation { NEW open var title: String? open var subtitle: String? } open var memberannotations: [MKAnnotation] { get } public init(memberannotations: [MKAnnotation]) 3

92 func mapview(_ mapview: MKMapView, viewfor annotation: MKAnnotation) -> MKAnnotationView? { if annotation is MKUserLocation { return nil } else if let cluster = annotation as? MKClusterAnnotation { var view = mapview.dequeuereusableannotationview(withidentifier: "cluster") // setup the view return view } else { var view = mapview.dequeuereusableannotationview(withidentifier: "bike") // setup the view return view } } 3 NEW

93 2 3

94 2 3

95 2 3

96 open class MKAnnotationView : UIView { NEW open var collisionmode: MKAnnotationViewCollisionMode }

97 MKAnnotationView.collisionMode 3 2.rectangle

98 MKAnnotationView.collisionMode 3 2.circle

99 MKAnnotationView.collisionMode 2 3.circle

100 MKAnnotationView.collisionMode 3 2.rectangle

101 MKAnnotationView.collisionMode 3 2.circle

102 1 2

103 1 2

104 1 2

105 1 2

106 MKAnnotationView.collisionMode 1 2

107 MKAnnotationView.collisionMode 1 2.cirleInBottomLeftWithFivePointsVerticalOutset

108 MKAnnotationView.collisionMode 1 2

109 open class UIView : NSObject 6.0, *) open var alignmentrectinsets: UIEdgeInsets { get } } 2

110 class FlagAnnotationView : MKAnnotationView { } override var alignmentrectinsets: UIEdgeInsets { } return UIEdgeInsetsMake(50, 0, -5, 20) 2

111 class FlagAnnotationView : MKAnnotationView { } override var alignmentrectinsets: UIEdgeInsets { } return UIEdgeInsetsMake(50, 0, -5, 20) 2

112 class FlagAnnotationView : MKAnnotationView { } override var alignmentrectinsets: UIEdgeInsets { } return UIEdgeInsetsMake(50, 0, -5, 20) 2

113 class FlagAnnotationView : MKAnnotationView { } override var alignmentrectinsets: UIEdgeInsets { } return UIEdgeInsetsMake(50, 0, -5, 20) 2

114 class FlagAnnotationView : MKAnnotationView { } override var alignmentrectinsets: UIEdgeInsets { } return UIEdgeInsetsMake(50, 0, -5, 20) 2

115 class FlagAnnotationView : MKAnnotationView { } override var alignmentrectinsets: UIEdgeInsets { } return UIEdgeInsetsMake(50, 0, -5, 20) 2

116 class FlagAnnotationView : MKAnnotationView { } override var alignmentrectinsets: UIEdgeInsets { } return UIEdgeInsetsMake(50, 0, -5, 20) 2

117 1 2

118 1 2

119 Demo Custom annotation views

120 Summary Muted Standard Map Type New Map Controls Marker Annotation View Annotation Display Priority Annotation Clustering

121 Summary Muted Standard Map Type New Map Controls Marker Annotation View Annotation Display Priority Annotation Clustering

122 Summary Muted Standard Map Type New Map Controls Marker Annotation View Annotation Display Priority Annotation Clustering

123 Summary Muted Standard Map Type New Map Controls Marker Annotation View Annotation Display Priority Annotation Clustering

124 Summary Muted Standard Map Type New Map Controls Marker Annotation View Annotation Display Priority Annotation Clustering

125 More Information

126 Related Sessions What s New in Location Technologies WWDC 2017 What s New in MapKit WWDC 2015

127 Labs Location and Mapping Technologies Lab Technology Lab K Fri 10:00AM 12:00PM

128