การวางซ้อนพื้น

เลือกแพลตฟอร์ม Android iOS JavaScript

การวางซ้อนบนพื้นดินคือการวางซ้อนบนแผนที่ที่เชื่อมโยงกับพิกัดละติจูด/ลองจิจูด ดังนั้นจึงจะเคลื่อนไหวเมื่อคุณลากหรือซูมแผนที่

บทนำ

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

หากต้องการเพิ่มการวางซ้อนพื้นดิน ให้สร้างออบเจ็กต์ GMSGroundOverlay ที่กําหนดทั้งไอคอนและขอบเขต หากไม่ระบุค่าใดค่าหนึ่ง การวางซ้อนพื้นดินจะไม่ปรากฏบนแผนที่ คุณระบุการตั้งค่าเพิ่มเติมที่จะส่งผลต่อการจัดตำแหน่งรูปภาพบนแผนที่ได้ (ไม่บังคับ) เมื่อกําหนดตัวเลือกที่จําเป็นแล้ว ให้ตั้งค่าพร็อพเพอร์ตี้ map ของออบเจ็กต์นี้เพื่อเพิ่มการวางซ้อน

การเพิ่มการวางซ้อน

  1. สร้างอินสแตนซ์ออบเจ็กต์ GMSGroundOverlay ใหม่
  2. ตั้งค่าพร็อพเพอร์ตี้ icon เป็นอินสแตนซ์ของ UIImage
  3. ตั้งค่าพร็อพเพอร์ตี้ bounds เป็นอินสแตนซ์ของ GMSCoordinateBounds ขอบเขตแสดงมุมตะวันตกเฉียงใต้และตะวันออกเฉียงเหนือของรูปภาพ
  4. ตั้งค่าพร็อพเพอร์ตี้ที่ไม่บังคับ เช่น bearing และ zoomLevel ตามต้องการ
  5. ตั้งค่าพร็อพเพอร์ตี้ map - รูปภาพจะปรากฏบนแผนที่

ตัวอย่างด้านล่างแสดงวิธีเพิ่มการวางซ้อนพื้นดินไปยังออบเจ็กต์ GMSMapView ที่มีอยู่

Swift

let southWest = CLLocationCoordinate2D(latitude: 40.712216, longitude: -74.22655)
let northEast = CLLocationCoordinate2D(latitude: 40.773941, longitude: -74.12544)
let overlayBounds = GMSCoordinateBounds(coordinate: southWest, coordinate: northEast)

// Image from http://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg
let icon = UIImage(named: "newark_nj_1922")

let overlay = GMSGroundOverlay(bounds: overlayBounds, icon: icon)
overlay.bearing = 0
overlay.map = mapView

Objective-C

CLLocationCoordinate2D southWest = CLLocationCoordinate2DMake(40.712216,-74.22655);
CLLocationCoordinate2D northEast = CLLocationCoordinate2DMake(40.773941,-74.12544);
GMSCoordinateBounds *overlayBounds = [[GMSCoordinateBounds alloc] initWithCoordinate:southWest
                                                                        coordinate:northEast];

// Image from http://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg
UIImage *icon = [UIImage imageNamed:@"newark_nj_1922"];
GMSGroundOverlay *overlay = [GMSGroundOverlay groundOverlayWithBounds:overlayBounds icon:icon];
overlay.bearing = 0;
overlay.map = mapView;

การนำการวางซ้อนออก

คุณนำการวางซ้อนพื้นดินออกจากแผนที่ได้โดยการตั้งค่าพร็อพเพอร์ตี้ map ของ GMSGroundOverlay เป็น nil หรือจะนําการวางซ้อนทั้งหมดออก (รวมถึงการวางซ้อนพื้นดินที่แสดงอยู่ในแผนที่ในขณะนี้) โดยการเรียกใช้เมธอด GMSMapView clear ก็ได้

Swift

mapView.clear()

Objective-C

[mapView clear];

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

Swift

let overlay = GMSGroundOverlay(bounds: overlayBounds, icon: icon)
overlay.bearing = 0
overlay.map = mapView

// ...

overlay.isTappable = true

Objective-C

GMSGroundOverlay *overlay = [GMSGroundOverlay groundOverlayWithBounds:overlayBounds icon:icon];
overlay.bearing = 0;
overlay.map = mapView;

// ...
overlay.tappable = YES;

กิจกรรม

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