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

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

ภาพรวม

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

mapView.isIndoorEnabled = false
      

mapView.indoorEnabled = NO;
      

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

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

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

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

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

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

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

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

mapView.accessibilityElementsHidden = false
      

mapView.accessibilityElementsHidden = NO;
      

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

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

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

mapView.isMyLocationEnabled = true
      

mapView.myLocationEnabled = YES;
      

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

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

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

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

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

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

mapView.isBuildingsEnabled = false
      

[mapView setBuildingsEnabled:NO];
      

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

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

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

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

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

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

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

// 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
      

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

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

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

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

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

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;