Street View

Pilih platform: Android iOS JavaScript

Google Maps Street View memungkinkan Anda menjelajahi tempat di seluruh dunia melalui gambar 360 derajat di tingkat jalan. Anda dapat menjelajahi tempat terkenal dunia, melihat keajaiban alam, menavigasi perjalanan, atau menampilkan bagian luar bisnis Anda.

Ringkasan

Google Street View memberikan tampilan panorama 360 derajat dari jalan yang ditetapkan ke seluruh area cakupannya. Cakupan yang tersedia melalui SDK sama dengan cakupan untuk aplikasi Google Maps for iOS atau https://maps.google.com/. Anda dapat membaca selengkapnya tentang Street View dan melihat area yang didukung pada peta interaktif, di Tentang Street View .

Maps SDK for iOS menyediakan layanan Street View untuk memperoleh dan memanipulasi gambar yang digunakan dalam Google Maps Street View. Gambar Street View ditampilkan sebagai panorama dan dilihat dari dalam penampil Street View — objek berjenis GMSPanoramaView.

Panorama Street View

Setiap panorama Street View adalah gambar, atau serangkaian gambar, yang memberikan tampilan penuh 360 derajat dari satu lokasi. Gambar sesuai dengan proyeksi equirectangular (Plate Carrée), yang berisi tampilan horizontal 360 derajat (satu putaran penuh) dan tampilan vertikal 180 derajat (dari lurus ke atas sampai lurus ke bawah). Panorama 360 derajat yang dihasilkan menentukan proyeksi pada bola dunia dengan gambar yang dibalutkan ke permukaan bola dunia dua dimensi tersebut.

Panorama Street View dapat dilihat dengan objek GMSPanoramaView. Objek ini menyediakan penampil yang akan merender panorama sebagai bola dunia, dengan kamera di tengahnya. Anda dapat mengontrol orientasi kamera secara terprogram, serta beberapa properti yang menyesuaikan penampil.

Mengakses data Street View

Panorama Street View diidentifikasi oleh salah satu dari dua metadata:

panoramaID
ID unik panorama Street View. Ini panoramaID dapat berubah seiring waktu, dan tidak cocok sebagai referensi jangka panjang atau hard-code, . panoramaID paling baik digunakan untuk memberikan akses terprogram ke berbagai gambar Street View.
coordinate
Lokasi akurat gambar ini, yang dinyatakan sebagai CLLocationCoordinate2D. Gunakan coordinate untuk penyimpanan lokasi panorama yang persisten, atau untuk menerjemahkan tindakan pengguna di peta ke dalam gambar Street View.

panoramaID dan coordinate disimpan sebagai properti objek GMSPanorama. Anda dapat meminta GMSPanorama dari GMSPanoramaService menggunakan coordinate atau panoramaID. Objek yang dihasilkan akan menyertakan kedua metadata, serta array link ke panorama terdekat.

Menetapkan lokasi panorama

Lokasi panorama Street View dapat ditetapkan berdasarkan koordinat.

  • Metode moveNearCoordinate meminta panorama di dekat koordinat.

  • Metode moveNearCoordinate:radius serupa, tetapi memungkinkan Anda menentukan radius penelusuran, dalam meter, di sekitar koordinat.

  • Metode moveNearCoordinate:source memungkinkan Anda menentukan sumber. Sebuah sumber berguna jika Anda ingin membatasi Street View agar hanya mencari panorama di luar ruangan. Secara default, panorama lokasi berada di dalam atau di luar ruangan. Perhatikan bahwa panorama luar ruangan mungkin tidak ada untuk lokasi yang ditentukan.

  • Metode moveNearCoordinate:radius:source memungkinkan Anda menentukan radius dan sumber.

Melihat gambar Street View

Menambahkan penampil Street View

Langkah-langkah dasar untuk menambahkan penampil adalah:

  1. (Sekali) Ikuti langkah-langkah di Memulai untuk mendapatkan SDK, memperoleh kunci, dan menambahkan framework yang diperlukan.
  2. Buat atau perbarui ViewController. Jika panorama akan ditampilkan saat pengontrol tampilan ini terlihat, pastikan untuk membuatnya dalam metode loadView.
  3. Buat dan buat instance class GMSPanoramaView menggunakan metode GMSPanoramaView initWithFrame:. Jika ini akan digunakan sebagai satu-satunya tampilan pengontrol tampilan, CGRectZero dapat digunakan sebagai frame peta — ukuran peta akan diubah secara otomatis.
  4. Tetapkan objek GMSPanoramaView sebagai tampilan pengontrol tampilan. Misalnya, self.view = panoView;.
  5. Tetapkan lokasi gambar Street View menggunakan metode seperti moveNearCoordinate:.

Contoh di bawah ini menambahkan penampil Street View ke sebuah aplikasi.

Swift

import GoogleMaps

class StreetView: UIViewController {

  override func loadView() {
    let panoView = GMSPanoramaView(frame: .zero)
    self.view = panoView

    panoView.moveNearCoordinate(CLLocationCoordinate2D(latitude: -33.732, longitude: 150.312))
  }
}

Objective-C

#import "StreetView.h"
@import GoogleMaps;

@interface StreetView ()

@end

@implementation StreetView

- (void)loadView {
  GMSPanoramaView *panoView = [[GMSPanoramaView alloc] initWithFrame:CGRectZero];
  self.view = panoView;

  [panoView moveNearCoordinate:CLLocationCoordinate2DMake(-33.732, 150.312)];
}

@end

Menyesuaikan penampil

Anda bisa menyesuaikan penampil dengan membatasi isyarat yang tersedia. Secara default, menggeser, melakukan zoom, dan melihat-lihat panorama yang berdekatan semuanya diaktifkan. Setiap isyarat dikontrol melalui properti GMSPanoramaView. Properti ini mengaktifkan atau menonaktifkan isyarat yang dikontrol pengguna; perubahan terprogram masih memungkinkan saat isyarat dinonaktifkan.

orientationGestures
Apakah pengguna akan dapat mengubah orientasi kamera dengan mengetuk atau menariknya. Tetapkan ke NO untuk menonaktifkan perubahan orientasi ke kamera.
zoomGestures
Apakah pengguna akan dapat mencubit untuk melakukan zoom. Tetapkan ke NO untuk menonaktifkan zoom.
navigationGestures
Apakah pengguna akan dapat mengubah panorama yang terlihat. Pengguna dapat mengetuk satu kali pada link navigasi atau mengetuk dua kali tampilan untuk mengubah panorama. Tetapkan ke NO untuk menonaktifkan perubahan navigasi.

Anda dapat mengaktifkan atau menonaktifkan semua isyarat sekaligus dengan metode setAllGesturesEnabled:.

Swift

panoView.setAllGesturesEnabled(false)

Objective-C

[panoView setAllGesturesEnabled:NO];

Meluncurkan Street View dengan Skema URL

Gambar Google Street View dapat dilihat dari dalam aplikasi Google Maps for iOS. Anda dapat meluncurkan aplikasi Google Maps for iOS dalam mode Street View dengan Skema URL comgooglemaps dengan menetapkan parameter mapmode ke streetview. Contoh URL yang akan meluncurkan Street View muncul di bawah. Untuk mengetahui informasi selengkapnya, lihat dokumentasi Skema URL.

comgooglemaps://?center=46.414382,10.013988&mapmode=streetview

Lokasi Street View dan point-of-view (POV)

GMSPanoramaCamera memungkinkan Anda menetapkan point-of-view kamera Street View sebagai kombinasi heading, pitch, dan zoom.

Rangkaian cuplikan di bawah ini akan mengarahkan kamera ke selatan, dan sedikit ke bawah.

Swift

panoView.camera = GMSPanoramaCamera(heading: 180, pitch: -10, zoom: 1)

Objective-C

panoView.camera = [GMSPanoramaCamera cameraWithHeading:180
                                                 pitch:-10
                                                  zoom:1];

Orientasi

Lokasi Street View menentukan penempatan fokus kamera untuk sebuah gambar, tetapi tidak menentukan orientasi kamera untuk gambar tersebut. Untuk tujuan tersebut, objek GMSOrientation menentukan dua properti:

  • heading menentukan sudut rotasi di sekitar lokus kamera dalam derajat relatif dari utara sejati. Heading diukur searah jarum jam: utara sejati adalah 0, timur 90, selatan 180, dan barat 270.
  • pitch (default 0) menentukan varian sudut "atas" atau "bawah" dari pitch default awal kamera, yang sering kali (tetapi tidak selalu) membentuk horizontal datar. (Misalnya, gambar yang diambil dari atas bukit kemungkinan akan menampilkan pitch default yang tidak horizontal.) Sudut pitch diukur dengan nilai positif yang mengarah ke atas (ke +90 derajat lurus ke atas dan ortogonal ke pitch default) dan nilai negatif yang mengarah ke bawah (ke -90 derajat lurus ke bawah dan ortogonal ke pitch default).

Zoom

Street View mendukung berbagai tingkat detail gambar melalui penggunaan zoom. Anda dapat menetapkan tingkat zoom secara terprogram, atau pengguna dapat mengubah tingkat di penampil dengan mencubit untuk melakukan zoom.

Menggerakkan kamera

Setelah membuat GMSPanoramaView, dan memiliki kamera yang dikonfigurasi atau default, Anda dapat mengubahnya dengan salah satu dari beberapa cara. Saat mengubah kamera, Anda memiliki opsi untuk menganimasikan gerakan kamera yang dihasilkan. Animasi disisipkan di antara atribut kamera saat ini dan atribut kamera baru.

Anda dapat mengubah objek GMSPanoramaCamera, dan menetapkannya pada properti camera GMSPanoramaView. Tindakan ini akan mengarahkan kamera ke point-of-view baru tanpa animasi. GMSCameraPosition dapat dibuat untuk mengonfigurasi kombinasi orientasi dan zoom.

Swift

panoView.camera = GMSPanoramaCamera(heading: 180, pitch: -10, zoom: 1)

Objective-C

panoView.camera = [GMSPanoramaCamera cameraWithHeading:180
                                                 pitch:-10
                                                  zoom:1];

Anda dapat menganimasikan transisi dengan memanggil metode animateToCamera:animationDuration: dari GMSPanoramaView. Selain itu, Anda bisa mengontrol kamera menggunakan Core Animation. Hal ini tersedia melalui CALayer kustom di GMSPanoramaView, GMSPanoramaLayer.

Penanda dalam Street View

Objek GMSPanoramaView dapat menampilkan penanda peta. Anda dapat menggunakan objek GMSMarker yang sama pada objek GMSMapView atau GMSPanoramaView dengan menetapkan properti yang sesuai:

Swift

// Create a marker at the Eiffel Tower
let position = CLLocationCoordinate2D(latitude: 48.858, longitude: 2.294)
let marker = GMSMarker(position: position)

// Add the marker to a GMSPanoramaView object named panoView
marker.panoramaView = panoView

// Add the marker to a GMSMapView object named mapView
marker.map = mapView

Objective-C

// Create a marker at the Eiffel Tower
CLLocationCoordinate2D position = CLLocationCoordinate2DMake(48.858,2.294);
GMSMarker *marker = [GMSMarker markerWithPosition:position];

// Add the marker to a GMSPanoramaView object named panoView
marker.panoramaView = panoView;

// Add the marker to a GMSMapView object named mapView
marker.map = mapView;

Ukuran penanda akan diskalakan sebagai fungsi jarak antara posisi penanda dan lokasi GMSCameraView. Jika jarak ini menjadi terlalu jauh, penanda akan menjadi terlalu kecil untuk ditampilkan dan akan disembunyikan dari tampilan.

Tetapkan properti panoramaView ke nil untuk menghapusnya dari GMSPanoramaView.

Swift

marker.panoramaView = nil

Objective-C

marker.panoramaView = nil;

Acara

Anda dapat memproses peristiwa yang terjadi pada panorama Street View, seperti saat pengguna mengetuk panorama. Untuk memproses peristiwa, Anda harus menerapkan protokol GMSPanoramaViewDelegate. Lihat panduan umum untuk peristiwa dan daftar metode di GMSPanoramaViewDelegate.