เพิ่มเครื่องหมายในแผนที่
จัดทุกอย่างให้เป็นระเบียบอยู่เสมอด้วยคอลเล็กชัน
บันทึกและจัดหมวดหมู่เนื้อหาตามค่ากำหนดของคุณ
ตัวอย่างนี้แสดงแผนที่ที่มีหมุดสำหรับเครื่องหมายในซิดนีย์และเมลเบิร์น ประเทศออสเตรเลีย
เริ่มต้นใช้งาน
คุณต้องกําหนดค่าสภาพแวดล้อมการพัฒนาก่อนจึงจะลองใช้โค้ดตัวอย่างได้
ดูข้อมูลเพิ่มเติมได้ที่ตัวอย่างโค้ด Maps SDK สำหรับ iOS
ดูโค้ด
Swift
import GoogleMaps
import UIKit
// Sample code for adding a marker.
class MarkersViewController: UIViewController {
private lazy var sydneyMarker = GMSMarker(
position: CLLocationCoordinate2D(latitude: -33.8683, longitude: 151.2086))
private lazy var melbourneMarker = GMSMarker(
position: CLLocationCoordinate2D(latitude: -37.81969, longitude: 144.966085))
private lazy var mapView: GMSMapView = {
let camera = GMSCameraPosition(latitude: -37.81969, longitude: 144.966085, zoom: 4)
return GMSMapView(frame: .zero, camera: camera)
}()
override func loadView() {
view = mapView
sydneyMarker.title = "Sydney"
sydneyMarker.snippet = "Population: 4,605,992"
sydneyMarker.isFlat = false
sydneyMarker.rotation = 30
print("sydneyMarker: \(sydneyMarker)")
let australiaMarker = GMSMarker(
position: CLLocationCoordinate2D(latitude: -27.994401, longitude: 140.07019))
australiaMarker.title = "Australia"
australiaMarker.appearAnimation = .pop
australiaMarker.isFlat = true
australiaMarker.isDraggable = true
australiaMarker.groundAnchor = CGPoint(x: 0.5, y: 0.5)
australiaMarker.icon = UIImage(named: "australia")
australiaMarker.map = mapView
mapView.selectedMarker = sydneyMarker
navigationItem.rightBarButtonItem = UIBarButtonItem(
barButtonSystemItem: .add, target: self, action: #selector(tapAdd))
}
@objc func tapAdd() {
if sydneyMarker.map == nil {
sydneyMarker.map = mapView
} else {
sydneyMarker.map = nil
}
melbourneMarker.title = "Melbourne"
melbourneMarker.snippet = "Population: 4,169,103"
melbourneMarker.map = mapView
}
}
Objective-C
#import "GoogleMapsDemos/Samples/MarkersViewController.h"
#import <GoogleMaps/GoogleMaps.h>
@implementation MarkersViewController {
GMSMarker *_sydneyMarker;
GMSMarker *_melbourneMarker;
GMSMarker *_fadeInMarker;
}
- (void)viewDidLoad {
[super viewDidLoad];
GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:-37.81969
longitude:144.966085
zoom:4];
GMSMapView *mapView = [GMSMapView mapWithFrame:CGRectZero camera:camera];
_sydneyMarker = [[GMSMarker alloc] init];
_sydneyMarker.title = @"Sydney";
_sydneyMarker.snippet = @"Population: 4,605,992";
_sydneyMarker.position = CLLocationCoordinate2DMake(-33.8683, 151.2086);
_sydneyMarker.flat = NO;
_sydneyMarker.rotation = 30.0;
NSLog(@"sydneyMarker: %@", _sydneyMarker);
GMSMarker *australiaMarker = [[GMSMarker alloc] init];
australiaMarker.title = @"Australia";
australiaMarker.position = CLLocationCoordinate2DMake(-27.994401, 140.07019);
australiaMarker.appearAnimation = kGMSMarkerAnimationPop;
australiaMarker.flat = YES;
australiaMarker.draggable = YES;
australiaMarker.groundAnchor = CGPointMake(0.5, 0.5);
australiaMarker.icon = [UIImage imageNamed:@"australia"];
australiaMarker.map = mapView;
_fadeInMarker = [[GMSMarker alloc] init];
_fadeInMarker.title = @"Australia";
_fadeInMarker.position = CLLocationCoordinate2DMake(-29.9959, 145.0719);
_fadeInMarker.appearAnimation = kGMSMarkerAnimationFadeIn;
_fadeInMarker.icon = [UIImage imageNamed:@"australia"];
// Set the marker in Sydney to be selected
mapView.selectedMarker = _sydneyMarker;
self.view = mapView;
self.navigationItem.rightBarButtonItem =
[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAdd
target:self
action:@selector(didTapAdd)];
}
- (void)didTapAdd {
if (_sydneyMarker.map == nil) {
_sydneyMarker.map = (GMSMapView *)self.view;
} else {
_sydneyMarker.map = nil;
}
_melbourneMarker.map = nil;
_melbourneMarker = [[GMSMarker alloc] init];
_melbourneMarker.title = @"Melbourne";
_melbourneMarker.snippet = @"Population: 4,169,103";
_melbourneMarker.position = CLLocationCoordinate2DMake(-37.81969, 144.966085);
_melbourneMarker.map = (GMSMapView *)self.view;
if (_fadeInMarker.map) {
_fadeInMarker.map = nil;
} else {
_fadeInMarker.map = (GMSMapView *)self.view;
}
}
@end
เรียกใช้แอปตัวอย่างเวอร์ชันเต็มในเครื่อง
แอปตัวอย่าง Maps SDK สําหรับ iOS มีให้บริการเป็นไฟล์เก็บถาวรที่ดาวน์โหลดได้จาก GitHub
ทําตามขั้นตอนต่อไปนี้เพื่อติดตั้งและลองใช้แอปตัวอย่าง Maps SDK สําหรับ iOS
- เรียกใช้
git clone https://github.com/googlemaps-samples/maps-sdk-for-ios-samples.git
เพื่อโคลนที่เก็บตัวอย่างไปยังไดเรกทอรีในเครื่อง
เปิดหน้าต่างเทอร์มินัล ไปที่ไดเรกทอรีที่คุณโคลนไฟล์ตัวอย่าง แล้วเจาะลึกลงในไดเรกทอรี GoogleMaps
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 ให้กดปุ่มคอมไพล์เพื่อสร้างแอปด้วยรูปแบบปัจจุบัน บิลด์แสดงข้อผิดพลาดโดยแจ้งให้คุณป้อนคีย์ API ใน
SDKConstants.swift
ไฟล์สำหรับ Swift หรือSDKDemoAPIKey.h
ไฟล์สำหรับ Objective-C
- รับคีย์ API จากโปรเจ็กต์ที่เปิดใช้ Maps SDK สําหรับ iOS
- แก้ไขไฟล์
SDKConstants.swift
สำหรับ Swift หรือไฟล์ SDKDemoAPIKey.h
สำหรับ Objective-C แล้ววางคีย์ API ของคุณลงในคําจํากัดความของค่าคงที่ 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
- เลือกตัวเลือกใดตัวเลือกหนึ่งที่แสดงเพื่อทดลองใช้ฟีเจอร์ของ Maps SDK สำหรับ iOS
- หากได้รับข้อความแจ้งให้อนุญาตให้ GoogleMapsDemos เข้าถึงตำแหน่งของคุณ ให้เลือกอนุญาต
เนื้อหาของหน้าเว็บนี้ได้รับอนุญาตภายใต้ใบอนุญาตที่ต้องระบุที่มาของครีเอทีฟคอมมอนส์ 4.0 และตัวอย่างโค้ดได้รับอนุญาตภายใต้ใบอนุญาต Apache 2.0 เว้นแต่จะระบุไว้เป็นอย่างอื่น โปรดดูรายละเอียดที่นโยบายเว็บไซต์ Google Developers Java เป็นเครื่องหมายการค้าจดทะเบียนของ Oracle และ/หรือบริษัทในเครือ
อัปเดตล่าสุด 2025-08-31 UTC
[null,null,["อัปเดตล่าสุด 2025-08-31 UTC"],[[["\u003cp\u003eThis example demonstrates how to add markers to a map using the Google Maps SDK for iOS.\u003c/p\u003e\n"],["\u003cp\u003eThe sample code showcases adding markers for Sydney and Melbourne with custom properties like titles, snippets, and icons.\u003c/p\u003e\n"],["\u003cp\u003eYou must configure your development environment with an API key before running the code.\u003c/p\u003e\n"],["\u003cp\u003eComplete instructions are provided for cloning the sample code repository, installing dependencies, and running the application on an iOS simulator.\u003c/p\u003e\n"]]],[],null,["This example displays a map with pins for markers on Sydney and Melbourne, Australia.\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\n// Sample code for adding a marker.\nclass MarkersViewController: UIViewController {\n private lazy var sydneyMarker = GMSMarker(\n position: CLLocationCoordinate2D(latitude: -33.8683, longitude: 151.2086))\n\n private lazy var melbourneMarker = GMSMarker(\n position: CLLocationCoordinate2D(latitude: -37.81969, longitude: 144.966085))\n\n private lazy var mapView: GMSMapView = {\n let camera = GMSCameraPosition(latitude: -37.81969, longitude: 144.966085, zoom: 4)\n return GMSMapView(frame: .zero, camera: camera)\n }()\n\n override func loadView() {\n view = mapView\n\n sydneyMarker.title = \"Sydney\"\n sydneyMarker.snippet = \"Population: 4,605,992\"\n sydneyMarker.isFlat = false\n sydneyMarker.rotation = 30\n print(\"sydneyMarker: \\(sydneyMarker)\")\n\n let australiaMarker = GMSMarker(\n position: CLLocationCoordinate2D(latitude: -27.994401, longitude: 140.07019))\n australiaMarker.title = \"Australia\"\n australiaMarker.appearAnimation = .pop\n australiaMarker.isFlat = true\n australiaMarker.isDraggable = true\n australiaMarker.groundAnchor = CGPoint(x: 0.5, y: 0.5)\n australiaMarker.icon = UIImage(named: \"australia\")\n australiaMarker.map = mapView\n\n mapView.selectedMarker = sydneyMarker\n navigationItem.rightBarButtonItem = UIBarButtonItem(\n barButtonSystemItem: .add, target: self, action: #selector(tapAdd))\n }\n\n @objc func tapAdd() {\n if sydneyMarker.map == nil {\n sydneyMarker.map = mapView\n } else {\n sydneyMarker.map = nil\n }\n melbourneMarker.title = \"Melbourne\"\n melbourneMarker.snippet = \"Population: 4,169,103\"\n melbourneMarker.map = mapView\n }\n}https://github.com/googlemaps-samples/maps-sdk-for-ios-samples/blob/86408feffd008565cd2cafce8aff3dc27f1f41bb/GoogleMaps-Swift/GoogleMapsSwiftDemos/Swift/Samples/MarkersViewController.swift#L14-L64\n \n```\n\nObjective-C \n\n```objective-c\n#import \"GoogleMapsDemos/Samples/MarkersViewController.h\"\n\n#import \u003cGoogleMaps/GoogleMaps.h\u003e\n\n@implementation MarkersViewController {\n GMSMarker *_sydneyMarker;\n GMSMarker *_melbourneMarker;\n GMSMarker *_fadeInMarker;\n}\n\n- (void)viewDidLoad {\n [super viewDidLoad];\n GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:-37.81969\n longitude:144.966085\n zoom:4];\n GMSMapView *mapView = [GMSMapView mapWithFrame:CGRectZero camera:camera];\n\n _sydneyMarker = [[GMSMarker alloc] init];\n _sydneyMarker.title = @\"Sydney\";\n _sydneyMarker.snippet = @\"Population: 4,605,992\";\n _sydneyMarker.position = CLLocationCoordinate2DMake(-33.8683, 151.2086);\n _sydneyMarker.flat = NO;\n _sydneyMarker.rotation = 30.0;\n NSLog(@\"sydneyMarker: %@\", _sydneyMarker);\n\n GMSMarker *australiaMarker = [[GMSMarker alloc] init];\n australiaMarker.title = @\"Australia\";\n australiaMarker.position = CLLocationCoordinate2DMake(-27.994401, 140.07019);\n australiaMarker.appearAnimation = kGMSMarkerAnimationPop;\n australiaMarker.flat = YES;\n australiaMarker.draggable = YES;\n australiaMarker.groundAnchor = CGPointMake(0.5, 0.5);\n australiaMarker.icon = [UIImage imageNamed:@\"australia\"];\n australiaMarker.map = mapView;\n\n _fadeInMarker = [[GMSMarker alloc] init];\n _fadeInMarker.title = @\"Australia\";\n _fadeInMarker.position = CLLocationCoordinate2DMake(-29.9959, 145.0719);\n _fadeInMarker.appearAnimation = kGMSMarkerAnimationFadeIn;\n _fadeInMarker.icon = [UIImage imageNamed:@\"australia\"];\n\n // Set the marker in Sydney to be selected\n mapView.selectedMarker = _sydneyMarker;\n\n self.view = mapView;\n self.navigationItem.rightBarButtonItem =\n [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAdd\n target:self\n action:@selector(didTapAdd)];\n}\n\n- (void)didTapAdd {\n if (_sydneyMarker.map == nil) {\n _sydneyMarker.map = (GMSMapView *)self.view;\n } else {\n _sydneyMarker.map = nil;\n }\n\n _melbourneMarker.map = nil;\n _melbourneMarker = [[GMSMarker alloc] init];\n _melbourneMarker.title = @\"Melbourne\";\n _melbourneMarker.snippet = @\"Population: 4,169,103\";\n _melbourneMarker.position = CLLocationCoordinate2DMake(-37.81969, 144.966085);\n _melbourneMarker.map = (GMSMapView *)self.view;\n\n if (_fadeInMarker.map) {\n _fadeInMarker.map = nil;\n } else {\n _fadeInMarker.map = (GMSMapView *)self.view;\n }\n}\n\n@end \nhttps://github.com/googlemaps-samples/maps-sdk-for-ios-samples/blob/86408feffd008565cd2cafce8aff3dc27f1f41bb/GoogleMaps/GoogleMapsDemos/Samples/MarkersViewController.m#L16-L88\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**."]]