Maps SDK for iOS 提供簡單的做法,方便您在地圖中加入形狀。下面的圖形支持:
- 折線是連續線段,可構成您想要的任何形狀,並可用來標記地圖上的路徑和路線。
- 多邊形是一個封閉的形狀,可用於在地圖上標記的區域。
- 圓形是地球表面的一個圓形精準度的投影。
你可以修改每個形狀的多種方式的外觀。
折線
折線讓你在地圖上繪製線條。GMSPolyline
物件代表一連串按照順序顯示的地點,以一系列線段顯示。您可以使用 GMSStrokeStyle
設定折線的顏色。
如要建立折線,您必須建立包含兩個以上的路徑點的對應 GMSMutablePath
物件,以指定折線路徑。每個 CLLocationCoordinate2D
都代表地球表面上的一個點。系統會依據您在路徑中加入路徑點的順序,繪製點與點之間的線段。您可以使用 addCoordinate:
或 addLatitude:longitude:
方法在路徑中新增路徑點。
Swift
let path = GMSMutablePath() path.add(CLLocationCoordinate2D(latitude: -33.85, longitude: 151.20)) path.add(CLLocationCoordinate2D(latitude: -33.70, longitude: 151.40)) path.add(CLLocationCoordinate2D(latitude: -33.73, longitude: 151.41)) let polyline = GMSPolyline(path: path)
Objective-C
GMSMutablePath *path = [GMSMutablePath path]; [path addCoordinate:CLLocationCoordinate2DMake(-33.85, 151.20)]; [path addCoordinate:CLLocationCoordinate2DMake(-33.70, 151.40)]; [path addCoordinate:CLLocationCoordinate2DMake(-33.73, 151.41)]; GMSPolyline *polyline = [GMSPolyline polylineWithPath:path];
新增折線
- 建立
GMSMutablePath
物件。 - 請使用
addCoordinate:
或addLatitude:longitude:
方法設定路徑中的點。 - 使用路徑做為引數,對新的
GMSPolyline
物件執行個體化。 - 視需要設定其他屬性,例如
strokeWidth
和strokeColor
。 - 設定
GMSPolyline
的map
屬性。 - 折線將出現在地圖上。
下面的代碼片斷添加一個矩形的地圖:
Swift
let rectanglePath = GMSMutablePath() rectanglePath.add(CLLocationCoordinate2D(latitude: 37.36, longitude: -122.0)) rectanglePath.add(CLLocationCoordinate2D(latitude: 37.45, longitude: -122.0)) rectanglePath.add(CLLocationCoordinate2D(latitude: 37.45, longitude: -122.2)) rectanglePath.add(CLLocationCoordinate2D(latitude: 37.36, longitude: -122.2)) rectanglePath.add(CLLocationCoordinate2D(latitude: 37.36, longitude: -122.0)) let rectangle = GMSPolyline(path: path) rectangle.map = mapView
Objective-C
GMSMutablePath *rectanglePath = [GMSMutablePath path]; [rectanglePath addCoordinate:CLLocationCoordinate2DMake(37.36, -122.0)]; [rectanglePath addCoordinate:CLLocationCoordinate2DMake(37.45, -122.0)]; [rectanglePath addCoordinate:CLLocationCoordinate2DMake(37.45, -122.2)]; [rectanglePath addCoordinate:CLLocationCoordinate2DMake(37.36, -122.2)]; [rectanglePath addCoordinate:CLLocationCoordinate2DMake(37.36, -122.0)]; GMSPolyline *rectangle = [GMSPolyline polylineWithPath:path]; rectangle.map = mapView;
移除折線
如要將折線從地圖中移除,請將 GMSPolyline
的 map
屬性設為 nil
。或者,您可以呼叫 GMSMapView
clear
方法,移除地圖上目前的所有疊加層 (包括折線和其他形狀)。
Swift
mapView.clear()
Objective-C
[mapView clear];
自訂折線
GMSPolyline
物件提供多種屬性,可用於控制線條的外觀。它支持下面的選項:
strokeWidth
- 整條線的寬度,在螢幕點中。默認為1。寬度不會縮放地圖時。
geodesic
-
如果為
YES
,可將這個折線邊緣算繪為測地線。測地線段會遵循在地球表面的最短路徑,而使用麥卡托投影的地圖中,測得線段可能會以曲線方式顯示。非測地線段會繪製成地圖上的直線。這個變數預設為NO
。 spans
- 用於指定折線中一或多個區塊的顏色。Span 屬性是
GMSStyleSpan
物件的陣列。如要變更折線的顏色,建議設定spans
屬性。 strokeColor
- 指定折線顏色的
UIColor
物件。預設值為blueColor
。如果設定spans
,系統會忽略strokeColor
屬性。
下列程式碼片段會將墨爾本的粗折線與測地線插值從墨爾本新增至伯斯。
Swift
let path = GMSMutablePath() path.addLatitude(-37.81319, longitude: 144.96298) path.addLatitude(-31.95285, longitude: 115.85734) let polyline = GMSPolyline(path: path) polyline.strokeWidth = 10.0 polyline.geodesic = true polyline.map = mapView
Objective-C
GMSMutablePath *path = [GMSMutablePath path]; [path addLatitude:-37.81319 longitude:144.96298]; [path addLatitude:-31.95285 longitude:115.85734]; GMSPolyline *polyline = [GMSPolyline polylineWithPath:path]; polyline.strokeWidth = 10.f; polyline.geodesic = YES; polyline.map = mapView;
如要在加入地圖後修改折線,請務必保留 GMSPolyline
物件。
Swift
polyline.strokeColor = .blue
Objective-C
polyline.strokeColor = [UIColor blueColor];
變更折線的顏色
折線是由地圖上的一系列片段所繪製。您可以使用 spans
屬性變更個別路段或整行的顏色。雖然這項屬性可讓您詳細控制折線的配色,但也有不少便利性,方便您將單一樣式套用至整行。
下列程式碼片段使用 spanWithColor:
方法將整行的顏色變更為紅色。
Swift
polyline.spans = [GMSStyleSpan(color: .red)]
Objective-C
polyline.spans = @[[GMSStyleSpan spanWithColor:[UIColor redColor]]];
如果已經可以存取 GMSStrokeStyle
物件,也可以使用 spanWithStyle:
方法。
Swift
let solidRed = GMSStrokeStyle.solidColor(.red) polyline.spans = [GMSStyleSpan(style: solidRed)]
Objective-C
GMSStrokeStyle *solidRed = [GMSStrokeStyle solidColor:[UIColor redColor]]; polyline.spans = @[[GMSStyleSpan spanWithStyle:solidRed]];
在 Maps SDK for iOS 1.7 版之前,您可以使用單一屬性 strokeColor
設定 GMSPolyline
的完整顏色。spans
屬性的優先順序高於 strokeColor
。
Swift
polyline.strokeColor = .red
Objective-C
polyline.strokeColor = [UIColor redColor];
風格
如果您的應用程式多次套用相同的筆劃顏色,定義可重複使用的樣式可能會很有幫助。折線樣式是使用 GMSStrokeStyle
物件指定。筆劃樣式可以是單色,或是不同顏色的漸層。建立樣式後,您可以使用 spanWithStyle:
方法將樣式套用至 GMSStyleSpan
。
Swift
// Create two styles: one that is solid blue, and one that is a gradient from red to yellow let solidBlue = GMSStrokeStyle.solidColor(.blue) let solidBlueSpan = GMSStyleSpan(style: solidBlue) let redYellow = GMSStrokeStyle.gradient(from: .red, to: .yellow) let redYellowSpan = GMSStyleSpan(style: redYellow)
Objective-C
// Create two styles: one that is solid blue, and one that is a gradient from red to yellow GMSStrokeStyle *solidBlue = [GMSStrokeStyle solidColor:[UIColor blueColor]]; GMSStyleSpan *solidBlueSpan = [GMSStyleSpan spanWithStyle:solidBlue]; GMSStrokeStyle *redYellow = [GMSStrokeStyle gradientFromColor:[UIColor redColor] toColor:[UIColor yellowColor]]; GMSStyleSpan *redYellowSpan = [GMSStyleSpan spanWithStyle:redYellow];
span
的樣式會持續到折線結束或設定新樣式為止。如要變更整個線條的顏色,只要將折線的 spans
屬性設為單一 GMSStyleSpan
即可。下方程式碼片段示範如何在折線的整個長度上套用漸層。
Swift
polyline.spans = [GMSStyleSpan(style: redYellow)]
Objective-C
polyline.spans = @[[GMSStyleSpan spanWithStyle:redYellow]];
變更個別線段的顏色
如要分別設定折線中每個區隔的樣式,您可以建立 GMSStyleSpan
物件的陣列,然後將其傳送至 spans
屬性。陣列的各個項目預設為對應線段的顏色。如果陣列的元素數量超過行中的區隔,系統會忽略多餘的元素。如果陣列的元素較少,則最終 GMSStyleSpan
會描述該行其餘部分的顏色。
您可以使用顏色和/或漸層折線的色塊來表示折線上的變化,例如高度或速度。下列程式碼片段會將折線的前兩個部分的顏色設為紅色,線條其餘部分則是從紅色到黃色的漸層。
Swift
polyline.spans = [ GMSStyleSpan(style: solidRed), GMSStyleSpan(style: solidRed), GMSStyleSpan(style: redYellow) ]
Objective-C
polyline.spans = @[[GMSStyleSpan spanWithStyle:solidRed], [GMSStyleSpan spanWithStyle:solidRed], [GMSStyleSpan spanWithStyle:redYellow]];
您可以使用 spanWithStyle:segments:
方法,一次設定多個區隔的樣式。例如,下列程式碼等同於上述程式碼。最終 GMSStyleSpan
的區段長度一律會遭到忽略,因為樣式會用來描述線條的其餘部分。
Swift
polyline.spans = [ GMSStyleSpan(style: solidRed, segments:2), GMSStyleSpan(style: redYellow, segments:10) ]
Objective-C
polyline.spans = @[[GMSStyleSpan spanWithStyle:solidRed segments:2], [GMSStyleSpan spanWithStyle:redYellow segments:10]];
小數區隔
區隔也可以指定為小數值。這會將樣式套用至片段數,且可能會導致在單一片段中分割。每個GMSStyleSpan
都會緊接著上一個區段:
Swift
polyline.spans = [ GMSStyleSpan(style: solidRed, segments: 2.5), GMSStyleSpan(color: .gray), GMSStyleSpan(color: .purple, segments: 0.75), GMSStyleSpan(style: redYellow) ]
Objective-C
polyline.spans = @[[GMSStyleSpan spanWithStyle:solidRed segments:2.5], [GMSStyleSpan spanWithColor:[UIColor grayColor]], [GMSStyleSpan spanWithColor:[UIColor purpleColor] segments:0.75], [GMSStyleSpan spanWithStyle:redYellow]];
在折線中新增重複的色彩模式
如要在折線中加入模式,可以使用 GMSGeometryUtils
中的 GMSStyleSpans
公用程式方法。GMSStyleSpans
方法可接受兩個定義重複模式的陣列。其中一個陣列設定應重複使用的樣式,另一個陣列則定義重複間隔。一起使用,即可建立可套用至任何折線的模式,無論其長度或可用的路段數量為何。
舉例來說,下列程式碼片段定義了具有黑色與白色交錯模式的折線。類型長度指定為 kGMSLengthRhumb
,因此沿著軌電線 (麥卡托) 線,這是一條直線。
Swift
let styles = [ GMSStrokeStyle.solidColor(.white), GMSStrokeStyle.solidColor(.black) ] let lengths: [NSNumber] = [100000, 50000] polyline.spans = GMSStyleSpans( polyline.path!, styles, lengths, GMSLengthKind.rhumb )
Objective-C
NSArray *styles = @[[GMSStrokeStyle solidColor:[UIColor whiteColor]], [GMSStrokeStyle solidColor:[UIColor blackColor]]]; NSArray *lengths = @[@100000, @50000]; polyline.spans = GMSStyleSpans(polyline.path, styles, lengths, kGMSLengthRhumb);
Sprite 戳記折線
Sprite 戳記折線可讓您以自選的重複點陣圖圖片建立折線。形狀會有清晰的背景筆觸,但圖章不會因為線條角落遭到截斷,因此適用於繪製步行路線的圓點等情況。
您可以透過 GMSSpriteStyle
使用這項功能,並透過 GMSStrokeStyle
的 stampStyle
屬性將其設為圖章。
Swift
let path = GMSMutablePath() path.addLatitude(-37.81319, longitude: 144.96298) path.addLatitude(-31.95285, longitude: 115.85734) let polyline = GMSPolyline(path: path) polyline.strokeWidth = 20 let image = UIImage(named: "imageFromBundleOrAsset")! // Image could be from anywhere let stampStyle = GMSSpriteStyle(image: image) let transparentStampStroke = GMSStrokeStyle.transparentStroke(withStamp: stampStyle) let span = GMSStyleSpan(style: transparentStampStroke) polyline.spans = [span] polyline.map = mapView
Objective-C
GMSMutablePath *path = [GMSMutablePath path]; [path addLatitude:-37.81319 longitude:144.96298]; [path addLatitude:-31.95285 longitude:115.85734]; polyline.strokeWidth = 20; GMSPolyline *polyline = [GMSPolyline polylineWithPath:path]; UIImage *image = [UIImage imageNamed:@"imageFromBundleOrAsset"]; GMSStrokeStyle *transparentStampStroke = [GMSStrokeStyle transparentStrokeWithStampStyle:[GMSSpriteStyle spriteStyleWithImage:image]]; GMSStyleSpan *span = [GMSStyleSpan spanWithStyle:transparentStampStroke]; polyline.spans = @[span]; polyline.map = _mapView;
紋理戳記折線
紋理戳記折線可讓您使用自選的重複紋理建立折線。如要以清晰、純色或漸層背景筆觸顯示形狀,紋理會隨著縮放等級變更而調整大小。在路徑或路徑點結尾或結尾的圖片會遭到某些縮放等級截斷。
您可以透過 GMSTextureStyle
使用這項功能,並透過 GMSStrokeStyle
的 stampStyle
屬性將其設為圖章。
Swift
let path = GMSMutablePath() path.addLatitude(-37.81319, longitude: 144.96298) path.addLatitude(-31.95285, longitude: 115.85734) let polyline = GMSPolyline(path: path) polyline.strokeWidth = 20 let redWithStamp = GMSStrokeStyle.solidColor(.red) let image = UIImage(named: "imageFromBundleOrAsset")! // Image could be from anywhere redWithStamp.stampStyle = GMSTextureStyle(image: image) let span = GMSStyleSpan(style: redWithStamp) polyline.spans = [span] polyline.map = mapView
Objective-C
GMSMutablePath *path = [GMSMutablePath path]; [path addLatitude:-37.81319 longitude:144.96298]; [path addLatitude:-31.95285 longitude:115.85734]; GMSPolyline *polyline = [GMSPolyline polylineWithPath:path]; polyline.strokeWidth = 20; GMSStrokeStyle *redWithStamp = [GMSStrokeStyle solidColor:[UIColor redColor]]; UIImage *image = [UIImage imageNamed:@"imageFromBundleOrAsset"]; // Image could be from anywhere redWithStamp.stampStyle = [GMSTextureStyle textureStyleWithImage:image]; GMSStyleSpan *span = [GMSStyleSpan spanWithStyle:redWithStamp]; polyline.spans = @[span]; polyline.map = _mapView;
地圖功能
GMSMapView
的 mapCapabilities
屬性新增了地圖專屬功能的程式輔助檢查。如果您想在呼叫特定 API 之前,想先瞭解特定地圖 capabilities
是否可用,就很適合使用這項方法。此查詢會決定地圖檢視是否支援 Sprite 印花折線。
Swift
let path = GMSMutablePath() path.addLatitude(-37.81319, longitude: 144.96298) path.addLatitude(-31.95285, longitude: 115.85734) let polyline = GMSPolyline(path: path) polyline.strokeWidth = 20 let image = UIImage(named: "imageFromBundleOrAsset")! // Image could be from anywhere let spans: [GMSStyleSpan] if (mapView.mapCapabilities.contains(.spritePolylines)) { let spriteStyle = GMSSpriteStyle(image: image) let stroke = GMSStrokeStyle.transparentStroke(withStamp: spriteStyle) spans = [ GMSStyleSpan(style: stroke) ] } else { let stroke = GMSStrokeStyle.solidColor(.clear) stroke.stampStyle = GMSTextureStyle(image: image) spans = [ GMSStyleSpan(style: stroke) ] } polyline.spans = spans polyline.map = mapView
Objective-C
GMSMutablePath *path = [GMSMutablePath path]; [path addLatitude:-37.81319 longitude:144.96298]; [path addLatitude:-31.95285 longitude:115.85734]; UIImage *_Nonnull image = [UIImage imageNamed:@"imageFromBundleOrAsset"]; // Image could be from anywhere NSArray<GMSStyleSpan *> * spans; if (_mapView.mapCapabilities & GMSMapCapabilityFlagsSpritePolylines) { GMSSpriteStyle *spriteStyle = [GMSSpriteStyle spriteStyleWithImage:image]; GMSStrokeStyle *stroke = [GMSStrokeStyle transparentStrokeWithStampStyle:spriteStyle]; spans = @[ [GMSStyleSpan spanWithStyle:stroke] ]; } else { GMSStrokeStyle *stroke = [GMSStrokeStyle solidColor:UIColor.clearColor]; stroke.stampStyle = [GMSTextureStyle textureStyleWithImage:image]; spans = @[ [GMSStyleSpan spanWithStyle:stroke] ]; } GMSPolyline *polyline = [GMSPolyline polylineWithPath:path]; polyline.strokeWidth = 20; polyline.spans = spans; polyline.map = _mapView;
這個模式可讓您訂閱變更,並根據地圖檢視狀態更新做出回應。您也可以在 GMSMapViewDelegate
上實作 didChangeMapCapabilities
,取得功能支援的最新消息。
多邊形
多邊形與折線類似,都是由一系列座標依序組成。不過,多邊形並不是開放的線段,而是用來定義封閉區域中的固態區域。Maps SDK for iOS 中的多邊形是由 GMSPolygon
類別定義。
在地圖中新增 GMSPolygon
的做法與加入 GMSPolyline
的方式相同。首先,建立對應的 GMSMutablePath
物件並新增路徑點,以指定路徑的路徑。這些點會構成多邊形的外框。每個 CLLocationCoordinate2D
都代表地球表面上的一個點。系統會依據您在路徑中加入路徑點的順序,繪製點與點之間的線段。
加入多邊形
- 建立
GMSMutablePath
物件。 - 請使用
addCoordinate:
或addLatitude:longitude:
方法設定路徑中的點。這些點會構成多邊形的外框。 - 使用路徑做為引數,對新的
GMSPolygon
物件執行個體化。 - 視需要設定其他屬性,例如
strokeWidth
、strokeColor
和fillColor
。 - 設定
GMSPolygon.map
屬性,將多邊形指派給GMSMapView
物件。 - 地圖上會顯示多邊形。
以下程式碼片段會將矩形加進地圖。
Swift
// Create a rectangular path let rect = GMSMutablePath() rect.add(CLLocationCoordinate2D(latitude: 37.36, longitude: -122.0)) rect.add(CLLocationCoordinate2D(latitude: 37.45, longitude: -122.0)) rect.add(CLLocationCoordinate2D(latitude: 37.45, longitude: -122.2)) rect.add(CLLocationCoordinate2D(latitude: 37.36, longitude: -122.2)) // Create the polygon, and assign it to the map. let polygon = GMSPolygon(path: rect) polygon.fillColor = UIColor(red: 0.25, green: 0, blue: 0, alpha: 0.05); polygon.strokeColor = .black polygon.strokeWidth = 2 polygon.map = mapView
Objective-C
// Create a rectangular path GMSMutablePath *rect = [GMSMutablePath path]; [rect addCoordinate:CLLocationCoordinate2DMake(37.36, -122.0)]; [rect addCoordinate:CLLocationCoordinate2DMake(37.45, -122.0)]; [rect addCoordinate:CLLocationCoordinate2DMake(37.45, -122.2)]; [rect addCoordinate:CLLocationCoordinate2DMake(37.36, -122.2)]; // Create the polygon, and assign it to the map. GMSPolygon *polygon = [GMSPolygon polygonWithPath:rect]; polygon.fillColor = [UIColor colorWithRed:0.25 green:0 blue:0 alpha:0.05]; polygon.strokeColor = [UIColor blackColor]; polygon.strokeWidth = 2; polygon.map = mapView;
您在將多邊形加入地圖的前後,都可以自訂外觀,
移除多邊形
如要移除多邊形,請將 GMSPolygon.map
屬性設為 nil
,再卸離父項的 layer
。
Swift
polygon.map = nil polygon.layer.removeFromSuperLayer()
Objective-C
polygon.map = nil; [polygon.layer removeFromSuperlayer];
圓形
除了一般的 GMSPolygon
類別之外,Maps SDK for iOS 也包含 GMSCircle
,可讓您在地球表面輕鬆繪製圓形。
如要建構圓形,請指定以下兩個屬性:
- 以
CLLocationCoordinate2D
格式指定的position
。 radius
(單位為公尺)。
接著,將圓形定義為地球表面上距離 center
radius
公尺的所有點的集合。Maps API 使用的麥卡托投影會在平面上算繪球體,而受到該投影方式的影響,圓形位於赤道附近時,在地圖上呈現出來的會是近乎完美的圓形,但一旦離赤道越來越遠,(在螢幕上) 看起來就越不像圓形。
新增圓形
下面的代碼片斷添加一個圓形的地圖:
Swift
let circleCenter = CLLocationCoordinate2D(latitude: 37.35, longitude: -122.0) let circle = GMSCircle(position: circleCenter, radius: 1000) circle.map = mapView
Objective-C
CLLocationCoordinate2D circleCenter = CLLocationCoordinate2DMake(37.35, -122.0); GMSCircle *circle = [GMSCircle circleWithPosition:circleCenter radius:1000]; circle.map = mapView;
不管是在將圓形加入地圖之前或之後,您都可以自訂圓形的外觀。
自訂圓形
您可以修改 GMSCircle
的屬性以指定自訂顏色和筆劃寬度。它支持下面的選項:
fillColor
- 指定圓形內部顏色的
UIColor
物件。默認為透明。 strokeColor
- :指定圓形外框顏色的
UIColor
物件。預設值為blackColor
。 strokeWidth
- 圓形外框的粗細,在螢幕點中。預設值為 1。厚度在地圖縮放時不會縮放。
下列程式碼片段會新增一個粗的紅色圓圈,具有半透明的紅色內部。
Swift
circle.fillColor = UIColor(red: 0.35, green: 0, blue: 0, alpha: 0.05) circle.strokeColor = .red circle.strokeWidth = 5
Objective-C
circle.fillColor = [UIColor colorWithRed:0.25 green:0 blue:0 alpha:0.05]; circle.strokeColor = [UIColor redColor]; circle.strokeWidth = 5;
建立中空的多邊形
您可以在單一 GMSPolygon
物件中結合多個路徑,建立複雜的形狀,例如填滿的環形或甜甜圈 (多邊形區域內會以獨立形狀顯示)。複雜的形狀是由多個路徑的組合。
建立內含路徑的多邊形,該路徑會指定多邊形所涵蓋的最大區域。接著,將多邊形的 holes
屬性指定為一或多個 GMSPath
物件的陣列,這些物件會定義多邊形中的孔。
如果較小路徑完全由較大路徑封閉,該路徑會看起來像已移除多邊形的某些部分。
以下程式碼範例會建立一個包含兩個孔的多邊形:
Swift
let hydeParkLocation = CLLocationCoordinate2D(latitude: -33.87344, longitude: 151.21135) let camera = GMSCameraPosition.camera(withTarget: hydeParkLocation, zoom: 16) let mapView = GMSMapView.map(withFrame: .zero, camera: camera) mapView.animate(to: camera) let hydePark = "tpwmEkd|y[QVe@Pk@BsHe@mGc@iNaAKMaBIYIq@qAMo@Eo@@[Fe@DoALu@HUb@c@XUZS^ELGxOhAd@@ZB`@J^BhFRlBN\\BZ@`AFrATAJAR?rAE\\C~BIpD" let archibaldFountain = "tlvmEqq|y[NNCXSJQOB[TI" let reflectionPool = "bewmEwk|y[Dm@zAPEj@{AO" let hollowPolygon = GMSPolygon() hollowPolygon.path = GMSPath(fromEncodedPath: hydePark) hollowPolygon.holes = [GMSPath(fromEncodedPath: archibaldFountain)!, GMSPath(fromEncodedPath: reflectionPool)!] hollowPolygon.fillColor = UIColor(red: 1.0, green: 0.0, blue: 0.0, alpha: 0.2) hollowPolygon.strokeColor = UIColor(red: 1.0, green: 0.0, blue: 0.0, alpha: 1.0) hollowPolygon.strokeWidth = 2 hollowPolygon.map = mapView
Objective-C
CLLocationCoordinate2D hydeParkLocation = CLLocationCoordinate2DMake(-33.87344, 151.21135); GMSCameraPosition *camera = [GMSCameraPosition cameraWithTarget:hydeParkLocation zoom:16]; mapView = [GMSMapView mapWithFrame:CGRectZero camera:camera]; NSString *hydePark = @"tpwmEkd|y[QVe@Pk@BsHe@mGc@iNaAKMaBIYIq@qAMo@Eo@@[Fe@DoALu@HUb@c@XUZS^ELGxOhAd@@ZB`@J^BhFRlBN\\BZ@`AFrATAJAR?rAE\\C~BIpD"; NSString *archibaldFountain = @"tlvmEqq|y[NNCXSJQOB[TI"; NSString *reflectionPool = @"bewmEwk|y[Dm@zAPEj@{AO"; GMSPolygon *hollowPolygon = [[GMSPolygon alloc] init]; hollowPolygon.path = [GMSPath pathFromEncodedPath:hydePark]; hollowPolygon.holes = @[[GMSPath pathFromEncodedPath:archibaldFountain], [GMSPath pathFromEncodedPath:reflectionPool]]; hollowPolygon.fillColor = [UIColor colorWithRed:1.0 green:0.0 blue:0.0 alpha:0.2]; hollowPolygon.strokeColor = [UIColor colorWithRed:1.0 green:0.0 blue:0.0 alpha:1.0]; hollowPolygon.strokeWidth = 2; hollowPolygon.map = mapView;