मैप पर पॉलीलाइन बनाना
संग्रह की मदद से व्यवस्थित रहें
अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.
दक्षिण प्रशांत महासागर का मैप दिखाया गया है. इसमें लाल और हरे रंग के पॉलीलाइन ऐनिमेशन के साथ अपनी पोज़िशन और साइज़ बदलते हुए दिख रहे हैं.
अपनी प्रोफ़ाइल बनाना शुरू करें
सैंपल कोड आज़माने से पहले, आपको अपना डेवलपमेंट एनवायरमेंट कॉन्फ़िगर करना होगा.
ज़्यादा जानकारी के लिए, iOS के लिए Maps SDK टूल के कोड सैंपल देखें.
कोड देखना
Swift
import GoogleMaps
import UIKit
final class PolylinesViewController: UIViewController {
private lazy var styles: [GMSStrokeStyle] = {
let greenStyle = GMSStrokeStyle.gradient(from: .green, to: UIColor.green.withAlphaComponent(0))
let redStyle = GMSStrokeStyle.gradient(from: UIColor.red.withAlphaComponent(0), to: .red)
return [greenStyle, redStyle, GMSStrokeStyle.solidColor(UIColor(white: 0, alpha: 0))]
}()
private var pathLength: Double = 0
private var pos: Double = 0
private var polylines: [GMSPolyline] = []
private lazy var mapView: GMSMapView = {
let camera = GMSCameraPosition(latitude: -30, longitude: -175, zoom: 3)
return GMSMapView(frame: .zero, camera: camera)
}()
override func loadView() {
view = mapView
mapView.accessibilityElementsHidden = true
}
override func viewDidLoad() {
super.viewDidLoad()
var path = GMSMutablePath()
path.addLatitude(-33.866901, longitude: 151.195988)
path.addLatitude(-18, longitude: 179)
path.addLatitude(21.291982, longitude: -157.821856)
path.addLatitude(37.423802, longitude: -122.091859)
path.addLatitude(-12, longitude: -77)
path.addLatitude(-33.866901, longitude: 151.195988)
path = path.pathOffset(byLatitude: -30, longitude: 0)
pathLength = path.length(of: .geodesic) / 21
for i in 0..<30 {
let polyline = GMSPolyline(path: path.pathOffset(byLatitude: Double(i) * 1.5, longitude: 0))
polyline.strokeWidth = 8
polyline.geodesic = true
polyline.map = mapView
polylines.append(polyline)
}
animatePath()
}
// Updates the path style every 0.1 seconds.
private func animatePath() {
polylines.forEach {
if let path = $0.path {
$0.spans = GMSStyleSpansOffset(path, styles, [NSNumber(value: pathLength)], .geodesic, pos)
}
}
pos -= 50000
DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() + 0.1) {
self.animatePath()
}
}
}
Objective-C
#import "GoogleMapsDemos/Samples/PolylinesViewController.h"
#import <GoogleMaps/GoogleMaps.h>
static CLLocationCoordinate2D kSydneyAustralia = {-33.866901, 151.195988};
static CLLocationCoordinate2D kHawaiiUSA = {21.291982, -157.821856};
static CLLocationCoordinate2D kFiji = {-18, 179};
static CLLocationCoordinate2D kMountainViewUSA = {37.423802, -122.091859};
static CLLocationCoordinate2D kLimaPeru = {-12, -77};
static bool kAnimate = true;
@implementation PolylinesViewController {
NSArray *_styles;
NSArray *_lengths;
NSArray *_polys;
double _pos, _step;
GMSMapView *_mapView;
}
- (void)tick {
for (GMSPolyline *poly in _polys) {
poly.spans = GMSStyleSpansOffset(poly.path, _styles, _lengths, kGMSLengthGeodesic, _pos);
}
_pos -= _step;
if (kAnimate) {
__weak id weakSelf = self;
dispatch_after(dispatch_time(DISPATCH_TIME_NOW, NSEC_PER_SEC / 10), dispatch_get_main_queue(),
^{
[weakSelf tick];
});
}
}
- (void)initLines {
if (!_polys) {
NSMutableArray *polys = [NSMutableArray array];
GMSMutablePath *path = [GMSMutablePath path];
[path addCoordinate:kSydneyAustralia];
[path addCoordinate:kFiji];
[path addCoordinate:kHawaiiUSA];
[path addCoordinate:kMountainViewUSA];
[path addCoordinate:kLimaPeru];
[path addCoordinate:kSydneyAustralia];
path = [path pathOffsetByLatitude:-30 longitude:0];
_lengths = @[ @([path lengthOfKind:kGMSLengthGeodesic] / 21) ];
for (int i = 0; i < 30; ++i) {
GMSPolyline *poly = [[GMSPolyline alloc] init];
poly.path = [path pathOffsetByLatitude:(i * 1.5) longitude:0];
poly.strokeWidth = 8;
poly.geodesic = YES;
poly.map = _mapView;
[polys addObject:poly];
}
_polys = polys;
}
}
- (void)viewDidLoad {
[super viewDidLoad];
GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:-30 longitude:-175 zoom:3];
GMSMapView *mapView = [GMSMapView mapWithFrame:CGRectZero camera:camera];
mapView.accessibilityElementsHidden = YES;
self.view = mapView;
_mapView = mapView;
CGFloat alpha = 1;
UIColor *green = [UIColor colorWithRed:0 green:1 blue:0 alpha:alpha];
UIColor *greenTransp = [UIColor colorWithRed:0 green:1 blue:0 alpha:0];
UIColor *red = [UIColor colorWithRed:1 green:0 blue:0 alpha:alpha];
UIColor *redTransp = [UIColor colorWithRed:1 green:0 blue:0 alpha:0];
GMSStrokeStyle *grad1 = [GMSStrokeStyle gradientFromColor:green toColor:greenTransp];
GMSStrokeStyle *grad2 = [GMSStrokeStyle gradientFromColor:redTransp toColor:red];
_styles = @[
grad1,
grad2,
[GMSStrokeStyle solidColor:[UIColor colorWithWhite:0 alpha:0]],
];
_step = 50000;
[self initLines];
[self tick];
}
@end
सैंपल ऐप्लिकेशन को स्थानीय तौर पर चलाना
iOS के लिए Maps SDK का सैंपल ऐप्लिकेशन, GitHub से डाउनलोड किए गए संग्रह के तौर पर उपलब्ध है.
iOS के लिए Maps SDK टूल के सैंपल ऐप्लिकेशन को इंस्टॉल करने और आज़माने के लिए, यह तरीका अपनाएं.
- सैंपल के रिपॉज़िटरी को किसी लोकल डायरेक्ट्री में क्लोन करने के लिए,
git clone https://github.com/googlemaps-samples/maps-sdk-for-ios-samples.git
चालू करें.
टर्मिनल विंडो खोलें और उस डायरेक्ट्री पर जाएं जहां आपने सैंपल फ़ाइलों का क्लोन बनाया है. इसके बाद,
Google Maps डायरेक्ट्री में ड्रिल-डाउन करें:
Swift
cd maps-sdk-for-ios-samples-main/GoogleMaps-Swift
pod install
open GoogleMapsSwiftDemos.xcworkspace
Objective-C
cd maps-sdk-for-ios-samples-main/GoogleMaps
pod install
open GoogleMapsDemos.xcworkspace
- मौजूदा स्कीम का इस्तेमाल करके, ऐप्लिकेशन बनाने के लिए, Xcode में 'कंपाइल करें' बटन दबाएं. बिल्ड करने पर गड़बड़ी का मैसेज दिखता है. इसमें आपको Swift के लिए
SDKConstants.swift
फ़ाइल या Objective-C के लिए SDKDemoAPIKey.h
फ़ाइल में अपनी एपीआई कुंजी डालने के लिए कहा जाता है.
- iOS के लिए Maps SDK टूल चालू करके, अपने प्रोजेक्ट से एपीआई पासकोड पाएं.
- Swift के लिए
SDKConstants.swift
फ़ाइल या Objective-C के लिएSDKDemoAPIKey.h
फ़ाइल में बदलाव करें. इसके बाद, अपनी एपीआई कुंजी को
apiKey
या kAPIKey
कॉन्स्टेंट की परिभाषा में चिपकाएं. उदाहरण के लिए:
Swift
static let apiKey = "YOUR_API_KEY"
Objective-C
static NSString *const kAPIKey = @"YOUR_API_KEY";
SDKConstants.swift
फ़ाइल (Swift) याSDKDemoAPIKey.h
फ़ाइल (Objective-C) में, यह लाइन हटाएं, क्योंकि इसका इस्तेमाल उपयोगकर्ता की बताई गई समस्या को रजिस्टर करने के लिए किया जाता है:
Swift
#error (Register for API Key and insert here. Then delete this line.)
Objective-C
#error Register for API Key and insert here.
- प्रोजेक्ट बनाएं और चलाएं. iOS सिम्युलेटर विंडो दिखती है, जिसमें Maps SDK टूल के डेमो की सूची दिखती है.
- iOS के लिए Maps SDK टूल की किसी सुविधा को आज़माने के लिए, दिखाए गए विकल्पों में से कोई एक चुनें.
- अगर आपसे GoogleMapsDemos को अपनी जगह की जानकारी ऐक्सेस करने की अनुमति देने के लिए कहा जाए, तो
अनुमति दें को चुनें.
जब तक कुछ अलग से न बताया जाए, तब तक इस पेज की सामग्री को Creative Commons Attribution 4.0 License के तहत और कोड के नमूनों को Apache 2.0 License के तहत लाइसेंस मिला है. ज़्यादा जानकारी के लिए, Google Developers साइट नीतियां देखें. Oracle और/या इससे जुड़ी हुई कंपनियों का, Java एक रजिस्टर किया हुआ ट्रेडमार्क है.
आखिरी बार 2025-08-31 (UTC) को अपडेट किया गया.
[null,null,["आखिरी बार 2025-08-31 (UTC) को अपडेट किया गया."],[[["\u003cp\u003eThis sample demonstrates animating the style of a polyline on a map using the Google Maps SDK for iOS.\u003c/p\u003e\n"],["\u003cp\u003eThe animation is achieved by dynamically updating the \u003ccode\u003eGMSStyleSpansOffset\u003c/code\u003e of the polylines based on position and style.\u003c/p\u003e\n"],["\u003cp\u003eThe sample code provides implementations in both Swift and Objective-C.\u003c/p\u003e\n"],["\u003cp\u003eYou can clone the sample app repository, install dependencies via CocoaPods, build the project, and run it on an iOS simulator.\u003c/p\u003e\n"],["\u003cp\u003eEnsure to obtain and configure your API key before building and running the sample app.\u003c/p\u003e\n"]]],[],null,["Displays a map of the south Pacific Ocean with an animation of red and green polylines changing their position and size.\n\nGet started\n\nBefore you can try the sample code, you must configure your development environment.\nFor more information, see [Maps SDK for iOS code samples](/maps/documentation/ios-sdk/examples).\n\nView the code \n\nSwift \n\n```swift\nimport GoogleMaps\nimport UIKit\n\nfinal class PolylinesViewController: UIViewController {\n private lazy var styles: [GMSStrokeStyle] = {\n let greenStyle = GMSStrokeStyle.gradient(from: .green, to: UIColor.green.withAlphaComponent(0))\n let redStyle = GMSStrokeStyle.gradient(from: UIColor.red.withAlphaComponent(0), to: .red)\n return [greenStyle, redStyle, GMSStrokeStyle.solidColor(UIColor(white: 0, alpha: 0))]\n }()\n private var pathLength: Double = 0\n private var pos: Double = 0\n private var polylines: [GMSPolyline] = []\n\n private lazy var mapView: GMSMapView = {\n let camera = GMSCameraPosition(latitude: -30, longitude: -175, zoom: 3)\n return GMSMapView(frame: .zero, camera: camera)\n }()\n\n override func loadView() {\n view = mapView\n mapView.accessibilityElementsHidden = true\n }\n\n override func viewDidLoad() {\n super.viewDidLoad()\n\n var path = GMSMutablePath()\n path.addLatitude(-33.866901, longitude: 151.195988)\n path.addLatitude(-18, longitude: 179)\n path.addLatitude(21.291982, longitude: -157.821856)\n path.addLatitude(37.423802, longitude: -122.091859)\n path.addLatitude(-12, longitude: -77)\n path.addLatitude(-33.866901, longitude: 151.195988)\n path = path.pathOffset(byLatitude: -30, longitude: 0)\n pathLength = path.length(of: .geodesic) / 21\n for i in 0..\u003c30 {\n let polyline = GMSPolyline(path: path.pathOffset(byLatitude: Double(i) * 1.5, longitude: 0))\n polyline.strokeWidth = 8\n polyline.geodesic = true\n polyline.map = mapView\n polylines.append(polyline)\n }\n animatePath()\n }\n\n // Updates the path style every 0.1 seconds.\n private func animatePath() {\n polylines.forEach {\n if let path = $0.path {\n $0.spans = GMSStyleSpansOffset(path, styles, [NSNumber(value: pathLength)], .geodesic, pos)\n }\n }\n pos -= 50000\n\n DispatchQueue.main.asyncAfter(deadline: DispatchTime.now() + 0.1) {\n self.animatePath()\n }\n }\n}https://github.com/googlemaps-samples/maps-sdk-for-ios-samples/blob/86408feffd008565cd2cafce8aff3dc27f1f41bb/GoogleMaps-Swift/GoogleMapsSwiftDemos/Swift/Samples/PolylinesViewController.swift#L14-L72\n \n```\n\nObjective-C \n\n```objective-c\n#import \"GoogleMapsDemos/Samples/PolylinesViewController.h\"\n\n#import \u003cGoogleMaps/GoogleMaps.h\u003e\n\nstatic CLLocationCoordinate2D kSydneyAustralia = {-33.866901, 151.195988};\nstatic CLLocationCoordinate2D kHawaiiUSA = {21.291982, -157.821856};\nstatic CLLocationCoordinate2D kFiji = {-18, 179};\nstatic CLLocationCoordinate2D kMountainViewUSA = {37.423802, -122.091859};\nstatic CLLocationCoordinate2D kLimaPeru = {-12, -77};\nstatic bool kAnimate = true;\n\n@implementation PolylinesViewController {\n NSArray *_styles;\n NSArray *_lengths;\n NSArray *_polys;\n double _pos, _step;\n GMSMapView *_mapView;\n}\n\n- (void)tick {\n for (GMSPolyline *poly in _polys) {\n poly.spans = GMSStyleSpansOffset(poly.path, _styles, _lengths, kGMSLengthGeodesic, _pos);\n }\n _pos -= _step;\n if (kAnimate) {\n __weak id weakSelf = self;\n dispatch_after(dispatch_time(DISPATCH_TIME_NOW, NSEC_PER_SEC / 10), dispatch_get_main_queue(),\n ^{\n [weakSelf tick];\n });\n }\n}\n\n- (void)initLines {\n if (!_polys) {\n NSMutableArray *polys = [NSMutableArray array];\n GMSMutablePath *path = [GMSMutablePath path];\n [path addCoordinate:kSydneyAustralia];\n [path addCoordinate:kFiji];\n [path addCoordinate:kHawaiiUSA];\n [path addCoordinate:kMountainViewUSA];\n [path addCoordinate:kLimaPeru];\n [path addCoordinate:kSydneyAustralia];\n path = [path pathOffsetByLatitude:-30 longitude:0];\n _lengths = @[ @([path lengthOfKind:kGMSLengthGeodesic] / 21) ];\n for (int i = 0; i \u003c 30; ++i) {\n GMSPolyline *poly = [[GMSPolyline alloc] init];\n poly.path = [path pathOffsetByLatitude:(i * 1.5) longitude:0];\n poly.strokeWidth = 8;\n poly.geodesic = YES;\n poly.map = _mapView;\n [polys addObject:poly];\n }\n _polys = polys;\n }\n}\n\n- (void)viewDidLoad {\n [super viewDidLoad];\n GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:-30 longitude:-175 zoom:3];\n GMSMapView *mapView = [GMSMapView mapWithFrame:CGRectZero camera:camera];\n mapView.accessibilityElementsHidden = YES;\n self.view = mapView;\n _mapView = mapView;\n\n CGFloat alpha = 1;\n UIColor *green = [UIColor colorWithRed:0 green:1 blue:0 alpha:alpha];\n UIColor *greenTransp = [UIColor colorWithRed:0 green:1 blue:0 alpha:0];\n UIColor *red = [UIColor colorWithRed:1 green:0 blue:0 alpha:alpha];\n UIColor *redTransp = [UIColor colorWithRed:1 green:0 blue:0 alpha:0];\n GMSStrokeStyle *grad1 = [GMSStrokeStyle gradientFromColor:green toColor:greenTransp];\n GMSStrokeStyle *grad2 = [GMSStrokeStyle gradientFromColor:redTransp toColor:red];\n _styles = @[\n grad1,\n grad2,\n [GMSStrokeStyle solidColor:[UIColor colorWithWhite:0 alpha:0]],\n ];\n _step = 50000;\n [self initLines];\n [self tick];\n}\n\n@end \nhttps://github.com/googlemaps-samples/maps-sdk-for-ios-samples/blob/86408feffd008565cd2cafce8aff3dc27f1f41bb/GoogleMaps/GoogleMapsDemos/Samples/PolylinesViewController.m#L16-L98\n\n \n```\n\nRun the full sample app locally\n\nThe Maps SDK for iOS sample app is available as a\n[download archive](https://github.com/googlemaps-samples/maps-sdk-for-ios-samples/archive/main.zip)\nfrom [GitHub](https://github.com/googlemaps-samples/maps-sdk-for-ios-samples/tree/main/GoogleMaps).\nFollow these steps to install and try the Maps SDK for iOS sample app.\n\n1. Run `git clone https://github.com/googlemaps-samples/maps-sdk-for-ios-samples.git` to clone the samples repository into a local directory.\n2. Open a terminal window, navigate to the directory where you cloned the sample files, and\n drill down into the GoogleMaps directory:\n\n Swift \n\n cd maps-sdk-for-ios-samples-main/GoogleMaps-Swift\n pod install\n open GoogleMapsSwiftDemos.xcworkspace\n\n Objective-C \n\n cd maps-sdk-for-ios-samples-main/GoogleMaps\n pod install\n open GoogleMapsDemos.xcworkspace\n\n3. In Xcode, press the compile button to [build the app](https://developer.apple.com/documentation/xcode/building-and-running-an-app) with the current scheme. The build produces an error, prompting you to enter your API key in the `SDKConstants.swift` file for Swift or`SDKDemoAPIKey.h` file for Objective-C.\n4. [Get an API key](/maps/documentation/ios-sdk/get-api-key) from your project with the [Maps SDK for iOS enabled](/maps/documentation/ios-sdk/cloud-setup#enabling-apis).\n5. Edit the `SDKConstants.swift` file for Swift or`SDKDemoAPIKey.h` file for Objective-C and paste your API key into the definition of either the `apiKey` or `kAPIKey` constant. For example: \n\n Swift \n\n ```scdoc\n static let apiKey = \"YOUR_API_KEY\"\n ```\n\n Objective-C \n\n ```objective-c\n static NSString *const kAPIKey = @\"YOUR_API_KEY\";\n ```\n6. In the `SDKConstants.swift` file (Swift) or`SDKDemoAPIKey.h` file (Objective-C), remove the following line, because it's used to register the user-defined issue: \n\n Swift \n\n ```text\n #error (Register for API Key and insert here. Then delete this line.)\n ```\n\n Objective-C \n\n ```text\n #error Register for API Key and insert here.\n ```\n7. Build and run the project. The iOS simulator window appears, showing a list of **Maps SDK Demos**.\n8. Choose one of the options displayed, to experiment with a feature of the Maps SDK for iOS.\n9. If prompted to allow GoogleMapsDemos to access your location, choose **Allow**."]]