พบกับแผนที่แบบใหม่ใน Google Maps Platform เร็วๆ นี้ การอัปเดตการจัดรูปแบบแผนที่นี้มีชุดสีเริ่มต้นใหม่ รวมถึงการปรับปรุงประสบการณ์และความสามารถในการใช้งานแผนที่ ระบบจะอัปเดตรูปแบบแผนที่ทั้งหมดโดยอัตโนมัติในเดือนมีนาคม 2025 หากต้องการทราบข้อมูลเพิ่มเติมเกี่ยวกับความพร้อมให้บริการและวิธีเลือกใช้ก่อนหน้านี้ โปรดดูรูปแบบแผนที่ใหม่สำหรับ Google Maps Platform

หน้านี้ได้รับการแปลโดย Cloud Translation API

กําหนดค่าแผนที่

เลือกแพลตฟอร์ม แอนดรอยด์ iOS

ภาพรวมนี้อธิบายวิธีกำหนดค่าแผนที่ที่เพิ่มลงในแอป iOS โดยใช้ Maps SDK สำหรับ iOS

ภาพรวม

หลังจากเพิ่มแผนที่ลงในแอปแล้ว คุณจะกำหนดค่าตัวเลือกเริ่มต้นและการตั้งค่ารันไทม์ของแผนที่ได้ สำหรับรายละเอียดเกี่ยวกับการเพิ่มคอนเทนเนอร์แผนที่ โปรดดูเพิ่ม แผนที่

การตั้งค่าแผนที่เริ่มต้นมีดังนี้

ตำแหน่งของกล้อง ซึ่งรวมถึงตำแหน่ง การซูม การเอียง และการเอียง โปรดดู กล้องและมุมมองสำหรับรายละเอียดเกี่ยวกับตำแหน่งของกล้อง
สีพื้นหลังของแผนที่
ประเภทแผนที่
คอมโพเนนต์ UI ที่จะแสดง เช่น ปุ่มซูมและ เข็มทิศ
ท่าทางสัมผัสที่จะเปิดใช้

คุณสามารถกําหนดการตั้งค่าเหล่านี้และการตั้งค่าเพิ่มเติมบางอย่างได้เมื่อรันไทม์โดยอัปเดตออบเจ็กต์ GMSMapView

ตัวเลือกแผนที่

เมื่อเริ่มต้นใช้งานมุมมองแผนที่ ระบบจะตั้งค่าตัวเลือกการกําหนดค่าด้วย GMSMapViewOptions พร็อพเพอร์ตี้ตัวเลือกประกอบด้วย frame, camera, mapID หรือ backgroundColor

ตัวเลือกแผนที่
สร้างเฟรม	ค่า: `CGRect` กรอบแผนที่ ค่าเริ่มต้นคือ CGRectZero
กล้อง	ค่า: `GMSCameraPosition` ตำแหน่งกล้องแผนที่เริ่มต้น
mapID	ค่า: `GMSMapID` รหัสแผนที่ของ Google พารามิเตอร์ที่ไม่บังคับ
backgroundColor	ค่า: `UIColor` ค่าเริ่มต้นคือ UIColor.lightGray

กำหนดค่าตัวเลือกแผนที่

คุณจะตั้งค่าคุณสมบัติตัวเลือกของคุณเอง หรือส่งอินสแตนซ์ GMSMapViewOptions ที่มีค่าเริ่มต้นเป็น GMSMapView โดยตรง

Swift

let options = GMSMapViewOptions()
options.camera = GMSCameraPosition.camera(withLatitude: -33.8683, longitude: 151.2086, zoom: 6)
let mapView = GMSMapView(options:options)

Objective-C

GMSMapViewOptions *options = [[GMSMapViewOptions alloc] init];
options.camera = [GMSCameraPosition cameraWithLatitude:-33.8683
                                                        longitude:151.2086
                                                             zoom:6];
GMSMapView *mapView = [[GMSMapView alloc] initWithOptions:options];

ต่อไปนี้คือตัวอย่างของการส่งออบเจ็กต์ GMSMapViewOptions ที่มีค่าเริ่มต้น ไปยัง GMSMapView โดยตรง

Swift

let options = GMSMapViewOptions()
let mapView = GMSMapView(options:options) //initialized with default values

Objective-C

GMSMapViewOptions *options = [[GMSMapViewOptions alloc] init];
GMSMapView *mapView = [[GMSMapView alloc] initWithOptions:options]; //initialized with default values

กำหนดค่าสีพื้นหลัง

เมื่อทำงานในโหมดมืดหรือสลับไปมาระหว่างมุมมองแผนที่ การ ลบล้างสีพื้นหลังเริ่มต้นของแผนที่ ซึ่งทำได้โดยการตั้งค่าพร็อพเพอร์ตี้ตัวเลือกการแมป backgroundColor

Swift

let options = GMSMapViewOptions()
options.backgroundColor = UIColor.yellowColor
let mapView = GMSMapView(options:options)

Objective-C

GMSMapViewOptions *options = [[GMSMapViewOptions alloc] init];
options.backgroundColor = UIColor.yellowColor;
GMSMapView *mapView = [[GMSMapView alloc] initWithOptions:options];

ประเภทแผนที่

คุณสามารถปรับแต่งแผนที่ของคุณด้วยแผนที่ประเภทต่างๆ ประเภทของแผนที่จะใช้แทน ลักษณะโดยรวมของแผนที่ เช่น หนังสือแผนที่มักจะมี แผนที่การเมืองซึ่งเน้นไปที่การแสดงขอบเขต และแผนที่ถนนที่แสดง ถนนทุกสายของเมืองหรือภูมิภาคหนึ่งๆ Maps SDK สำหรับ iOS นำเสนอ แผนที่ประเภทต่อไปนี้:

ประเภทแผนที่
ปกติ	ค่า: `kGMSTypeNormal` แผนที่ถนนทั่วไป แสดงถนน สถานที่บางแห่งที่สร้างโดย มนุษย์ และลักษณะทางธรรมชาติที่สำคัญ เช่น แม่น้ำ ป้ายกำกับถนนและฟีเจอร์ ที่แสดงขึ้นด้วย สนับสนุนการตั้งค่ารูปแบบสีแผนที่เป็นมืด สว่าง หรือทำตามการตั้งค่าระบบ
ไฮบริด	ค่า: `kGMSTypeHybrid` เพิ่มข้อมูลภาพถ่ายดาวเทียมที่มีแผนที่ถนน ป้ายกำกับถนนและสถานที่ต่างๆ ก็จะปรากฏขึ้นด้วย
ดาวเทียม	ค่า: `kGMSTypeSatellite` ข้อมูลภาพถ่ายจากดาวเทียม ป้ายถนนและฟีเจอร์ไม่ใช่ มองเห็นได้
ภูมิประเทศ	ค่า: `kGMSTypeTerrain` ข้อมูลภูมิประเทศ แผนที่ประกอบด้วยสี เส้นชั้นความสูง และป้ายกำกับ และเฉดสีของมุมมอง นอกจากนี้ยังมองเห็นถนนและป้ายกำกับบางป้ายด้วย รองรับ ตั้งค่ารูปแบบสีแผนที่เป็นมืด สว่าง หรือตามการตั้งค่าระบบ
ไม่มี	ค่า: `kGMSTypeNone` ไม่มีชิ้นส่วนแผนที่ ระบบจะไม่แสดงผลไทล์แผนที่พื้นฐาน โหมดนี้มีประโยชน์เมื่อใช้ร่วมกับเลเยอร์ไทล์ การแสดงข้อมูลการจราจรถูกปิดใช้งานเมื่อประเภทแผนที่คือ ตั้งค่าเป็น "ไม่มี"

การเปลี่ยนประเภทแผนที่

หากต้องการตั้งค่าประเภทของแผนที่ ให้กำหนดค่าใหม่ให้กับ GMSMapView.mapType ตัวอย่างเช่น หากต้องการแสดงประเภทแผนที่ดาวเทียม ให้ทำดังนี้

Swift

let options = GMSMapViewOptions()
options.camera = GMSCameraPosition.camera(withLatitude: -33.8683, longitude: 151.2086, zoom: 6)
let mapView = GMSMapView(options:options)
mapView.mapType = .satellite

Objective-C

GMSMapViewOptions *options = [[GMSMapViewOptions alloc] init];
options.camera = [GMSCameraPosition cameraWithLatitude:-33.8683
                                                  longitude:151.2086
                                                        zoom:6];
GMSMapView *mapView = [[GMSMapView alloc] initWithOptions:options];
mapView.mapType = kGMSTypeSatellite;

ตัวเลือกด้านล่างจะแสดงการเปรียบเทียบภูมิประเทศ แผนที่ปกติ และแผนที่แบบไฮบริด สถานที่เดียวกัน:

แผนที่ในอาคาร

ในระดับการซูมสูง Maps SDK สำหรับ iOS จะแสดงแผนผังชั้นสำหรับ พื้นที่ในอาคาร เช่น สนามบิน ศูนย์การค้า ร้านค้าปลีกขนาดใหญ่ และขนส่งสาธารณะ สถานี แปลนอาคารในอาคารถูกผสานรวมเข้ากับชิ้นส่วนแผนที่เริ่มต้นสำหรับ "ปกติ" ประเภทแผนที่ (kGMSTypeNormal) และเปิดใช้งานโดยอัตโนมัติเมื่อ ผู้ใช้ซูมเข้าและหายไปเมื่อแผนที่ถูกซูมออก

คุณสามารถปิดใช้งานแผนที่ในอาคารได้โดยการตั้งค่าคุณสมบัติ indoorEnabled ของ GMSMapView ถึง NO

Swift

mapView.isIndoorEnabled = false

Objective-C

mapView.indoorEnabled = NO;

หรือคุณสามารถปิดใช้เฉพาะ การควบคุมเครื่องมือเลือกชั้น

การเพิ่มแปลนอาคาร

แปลนอาคารมีให้บริการในเลือก สถานที่ตั้ง หากไม่มีข้อมูลแปลนอาคารสำหรับอาคารที่คุณต้องการ ในใบสมัคร คุณสามารถทำสิ่งต่อไปนี้

เพิ่มชั้น แพ็กเกจ ไปยัง Google Maps ได้โดยตรง ซึ่งจะทำให้แพ็กเกจของคุณพร้อมให้บริการแก่ผู้ใช้ทุกรายของ Google Maps
แสดงแผนผังชั้นเป็นการวางซ้อนภาคพื้นดิน การดำเนินการนี้จะทำให้ ผู้ใช้แอปพลิเคชันของคุณเพื่อดูแปลนอาคารของคุณ

เลเยอร์การจราจร

คุณสามารถให้ผู้ใช้สามารถดูแผนที่ที่มีความหนาแน่นของการจราจร วางซ้อนอยู่ด้านบนได้ ซึ่งจะให้ภาพข้อมูลสรุปเกี่ยวกับ สภาพการจราจรในท้องถิ่น คุณสามารถเปิดและปิดเลเยอร์การจราจรโดยการเรียกใช้ เวลา trafficEnabled ตัวอย่างต่อไปนี้แสดงลักษณะที่เลเยอร์การจราจรอาจปรากฏในแผนที่

Google Maps แสดงสภาพการจราจร
เลเยอร์

การช่วยเหลือพิเศษ

โดยค่าเริ่มต้น องค์ประกอบการช่วยเหลือพิเศษในแผนที่จะซ่อนอยู่ คุณสามารถเปิดใช้งาน โดยการตั้งค่าพร็อพเพอร์ตี้ accessibilityElementsHidden ของ GMSMapView ถึง NO การดำเนินการนี้จะทำให้มีการสร้างองค์ประกอบการช่วยเหลือพิเศษสำหรับ วัตถุที่ซ้อนทับ (เช่น GMSMarker และหน้าต่างข้อมูล GMSPolyline ฯลฯ)

Swift

mapView.accessibilityElementsHidden = false

Objective-C

mapView.accessibilityElementsHidden = NO;

พร็อพเพอร์ตี้นี้เป็นไปตามโปรโตคอล UIAccessibility อย่างไม่เป็นทางการ ยกเว้นค่าเริ่มต้นใน Maps SDK สําหรับ iOS คือ YES

ตำแหน่งของฉัน

โดยค่าเริ่มต้น จะไม่มีการแสดงข้อมูลตำแหน่งบนแผนที่ คุณสามารถเปิดใช้การตั้งค่าสีน้ำเงิน " สถานที่ตั้ง" จุดและทิศทางเข็มทิศโดยการตั้งค่า myLocationEnabled เป็นเปิด GMSMapView

Swift

mapView.isMyLocationEnabled = true

Objective-C

mapView.myLocationEnabled = YES;

การเปิดใช้ฟีเจอร์นี้จะระบุตำแหน่งปัจจุบันของผู้ใช้ผ่านทาง พร็อพเพอร์ตี้ myLocation คุณสมบัตินี้อาจไม่พร้อมใช้งานทันที - สำหรับ เช่น หากผู้ใช้ได้รับแจ้งจาก iOS ให้อนุญาตการเข้าถึงข้อมูลนี้ ใช่เลย ในกรณีนี้คือ nil

Swift

print("User's location: \(String(describing: mapView.myLocation))")

Objective-C

NSLog(@"User's location: %@", mapView.myLocation);

สิ่งปลูกสร้าง 3 มิติ

เมื่อมองในระยะใกล้ หลายๆ เมืองจะมีสิ่งปลูกสร้าง 3 มิติซึ่งมองเห็นได้โดย ในภาพเมืองซีแอตเทิล รัฐวอชิงตัน

แผนที่ 3 มิติของอาคารในซีแอตเทิล วอชิงตัน

คุณปิดใช้อาคาร 3 มิติได้โดยการตั้งค่าพร็อพเพอร์ตี้ GMSMapView ที่เกี่ยวข้องใน Swift หรือ Objective-C ดังที่แสดงด้านล่าง

Swift

mapView.isBuildingsEnabled = false

Objective-C

[mapView setBuildingsEnabled:NO];

การเสริมพื้นที่ในแผนที่

Google Maps ได้รับการออกแบบมาเพื่อครอบคลุมทั้งภูมิภาคตามที่กำหนดโดย GMSMapView มิติข้อมูลของมุมมองจะกำหนดลักษณะหลายประการของแผนที่ เช่น

เป้าหมายของกล้องแสดงถึงกึ่งกลางของบริเวณเบาะ
ตัวควบคุมแผนที่ถูกวางตำแหน่งโดยสัมพันธ์กับขอบของแผนที่
ข้อมูลทางกฎหมาย เช่น ข้อความลิขสิทธิ์ หรือโลโก้ Google ปรากฏขึ้น ที่ขอบด้านล่างของแผนที่

คุณสามารถเพิ่มระยะห่างจากขอบแผนที่ได้โดยใช้ GMSMapViewpadding แผนที่จะยังคงแสดงเต็มพื้นที่ของคอนเทนเนอร์ แต่การวางตำแหน่งข้อความและการควบคุม ท่าทางสัมผัสบนแผนที่ และการเคลื่อนไหวของกล้องจะทำงานเหมือนอยู่ในพื้นที่ขนาดเล็ก ซึ่งทำให้ การเปลี่ยนแปลงต่อไปนี้

การเคลื่อนไหวของกล้องโดยใช้การเรียก API หรือการกดปุ่ม (เช่น เข็มทิศ ตำแหน่ง) จะสัมพันธ์กับพื้นที่ที่มีส่วนเพิ่ม
GMSMapView.projection แสดงผลโปรเจ็กชันที่มีเฉพาะภูมิภาคที่มีการเติม
ตัวควบคุม UI ได้รับการหักลบจากขอบของคอนเทนเนอร์ตามที่ระบุ จำนวนคะแนน

Padding มีประโยชน์เมื่อออกแบบ UI ให้ซ้อนทับบางส่วนของแผนที่ ตัวอย่างเช่น ในภาพจะมีแผ่นแผนที่ที่ขอบบนและขอบขวา ตัวควบคุมแผนที่ที่มองเห็นได้และข้อความทางกฎหมายจะแสดงอยู่ที่ขอบของแผ่นกั้น แสดงเป็นสีเขียว ขณะที่แผนที่แสดงแบบเต็มของคอนเทนเนอร์ แสดงเป็นสีน้ำเงิน ในตัวอย่างนี้ คุณสามารถวางเมนูไว้ที่ด้านขวาของแผนที่โดยไม่บดบังตัวควบคุมแผนที่

ระยะห่างจากขอบของแผนที่

หากต้องการเพิ่มระยะห่างจากขอบในแผนที่ ให้สร้างวัตถุ UIEdgeInsets และส่งไปยัง GMSMapViewพร็อพเพอร์ตี้ padding

Swift

// Insets are specified in this order: top, left, bottom, right
let mapInsets = UIEdgeInsets(top: 100.0, left: 0.0, bottom: 0.0, right: 300.0)
mapView.padding = mapInsets

Objective-C

// Insets are specified in this order: top, left, bottom, right
UIEdgeInsets mapInsets = UIEdgeInsetsMake(100.0, 0.0, 0.0, 300.0);
mapView.padding = mapInsets;

หมายเหตุ: ตามที่ระบุไว้ใน ข้อกำหนดในการให้บริการของ Google Maps Platform แอปพลิเคชันจะต้องไม่ลบหรือบดบังโลโก้หรือประกาศเกี่ยวกับลิขสิทธิ์ของ Google แผนที่ Padding ช่วยให้คุณจัดตำแหน่งองค์ประกอบเหล่านี้ใหม่ได้หากจำเป็น หากคุณแสดงฟิลด์ที่กำหนดเอง UI ที่ด้านล่างของแผนที่ ให้เพิ่มระยะห่างจากขอบที่ด้านล่างของแผนที่เพื่อให้ สามารถดูโลโก้และประกาศทางกฎหมายได้

รูปแบบสีของแผนที่

สำหรับแผนที่ประเภทปกติและภูมิประเทศ คุณสามารถตั้งค่ารูปแบบสีแผนที่เป็นสีเข้ม หรือใช้การตั้งค่าระบบปัจจุบัน เช่น คุณอาจปรับรูปแบบสีของแผนที่ให้เข้มขึ้นหรืออ่อนลงตามช่วงเวลาของวัน หรือตามการใช้งานอุปกรณ์ในอาคารหรือกลางแจ้ง

ใช้ GMSMapView overrideUserInterfaceStyle: เพื่อตั้งค่าและอัปเดตรูปแบบสีแผนที่

Swift

let options = GMSMapViewOptions()
// Map is init to use light mode by default.
let mapView = GMSMapView(options: options)
// Set map to use dark mode.
mapView.overrideUserInterfaceStyle = .dark
// Set map to use light mode.
mapView.overrideUserInterfaceStyle = .light
// Set map to use dark/light mode based on the value of traitCollection.userInterfaceStyle
mapView.overrideUserInterfaceStyle = .unspecified

Objective-C

GMSMapViewOptions *options = [[GMSMapViewOptions alloc] init];
// Map is init to always use light mode.
GMSMapView *mapView = [[GMSMapView alloc] initWithOptions:options];
// Set map to use dark mode.
mapView.overrideUserInterfaceStyle = UIUserInterfaceStyleDark;
// Set map to use light mode.
mapView.overrideUserInterfaceStyle = UIUserInterfaceStyleLight;
// Set map to use dark/light mode based on the value of traitCollection.userInterfaceStyle
mapView.overrideUserInterfaceStyle = UIUserInterfaceStyleUnspecified;