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

เลือกแพลตฟอร์ม: 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