Overlay Bumi

Pilih platform: Android iOS JavaScript

Overlay bumi adalah overlay pada peta yang terikat dengan koordinat lintang/bujur, sehingga akan bergerak saat Anda menarik atau melakukan zoom pada peta.

Pengantar

Overlay bumi adalah gambar yang disematkan pada peta. Tidak seperti penanda, overlay bumi berorientasi pada permukaan Bumi, bukan layar, sehingga memutar, memiringkan, atau melakukan zoom pada peta akan mengubah orientasi gambarnya.

Untuk menambahkan overlay bumi, buat objek GMSGroundOverlay yang menentukan ikon dan batas. Tidak menetapkan keduanya akan menyebabkan overlay bumi tidak muncul di peta. Secara opsional, Anda dapat menentukan setelan tambahan yang akan memengaruhi pemosisian gambar pada peta. Setelah Anda menentukan opsi yang diperlukan, setel properti map objek ini untuk menambahkan overlay.

Menambahkan overlay

  1. Membuat instance objek GMSGroundOverlay baru
  2. Tetapkan properti icon ke instance UIImage.
  3. Tetapkan properti bounds ke instance GMSCoordinateBounds. Batas-batas tersebut mewakili sudut barat daya dan timur laut gambar.
  4. Tetapkan properti opsional, seperti bearing dan zoomLevel, sesuai keinginan.
  5. Tetapkan properti map - gambar muncul di peta.

Contoh di bawah menunjukkan cara menambahkan overlay bumi ke objek GMSMapView yang ada.

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;
      

Menghapus overlay

Anda dapat menghapus overlay bumi dari peta dengan menetapkan properti map GMSGroundOverlay ke nil. Atau, Anda dapat menghapus semua overlay (termasuk overlay bumi yang saat ini ada di peta dengan memanggil metode GMSMapView clear).

Swift

mapView.clear()
      

Objective-C

[mapView clear];
      

Jika ingin memodifikasi overlay bumi setelah menambahkannya ke peta, pastikan Anda tetap mempertahankan objek GMSGroundOverlay. Anda dapat memodifikasi overlay bumi tersebut nanti dengan membuat perubahan pada objek ini.

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;
      

Acara

Anda dapat memproses peristiwa yang terjadi di peta, misalnya saat pengguna mengetuk overlay. Untuk memproses peristiwa, Anda harus mengimplementasikan protokol GMSMapViewDelegate. Lihat panduan peristiwa dan daftar metode pada GMSMapViewDelegate.