Anda sudah siap!

Untuk mulai mengembangkan, masuklah ke dokumentasi developer kami.

Aktifkan Google Maps JavaScript API

Untuk membantu Anda memulai, kami akan memandu Anda melalui Google Developers Console untuk melakukan beberapa hal terlebih dahulu:

  1. Buat atau pilih sebuah proyek
  2. Aktifkan Google Maps JavaScript API dan layanan terkait
  3. Buat kunci yang sesuai
Lanjutkan

Maximum Zoom Imagery Service

  1. Maximum Zoom Imagery
  2. Permintaan MaxZoom
  3. Respons MaxZoom

Ringkasan

Google Maps API menyediakan petak peta dengan berbagai tingkat zoom untuk gambar tipe peta. Sebagian besar gambar peta jalan tersedia dari tingkat zoom 0 hingga 18, misalnya. Citra satelit sangat bervariasi karena gambar ini tidak dibuat, melainkan langsung difoto.

Karena citra satelit tidak selalu tersedia pada tingkat zoom tinggi untuk lokasi terpencil — area yang jarang penduduknya atau area laut terbuka - Anda mungkin perlu mengetahui dahulu tingkat zoom tertinggi untuk gambar tersebut pada lokasi yang diberikan. Objek MaxZoomService menyediakan antarmuka sederhana untuk mengetahui tingkat zoom maksimum atas suatu citra satelit Google Maps pada lokasi yang diberikan.

Permintaan MaxZoom

Akses MaxZoomService bersifat asinkron, karena Google Maps API perlu membuat panggilan ke server eksternal. Karena itu, Anda perlu meneruskan metode callback untuk dieksekusi setelah permintaan diselesaikan. Metode callback ini akan memproses hasilnya.

Untuk membuat permintaan ke MaxZoomService, cukup panggil getMaxZoomAtLatLng(), dengan meneruskan LatLng lokasi dan fungsi callback yang akan dieksekusi setelah permintaan diselesaikan.

Respons MaxZoom

Saat getMaxZoomAtLatLng() mengeksekusi fungsi callback, hal itu akan meneruskan kembali dua parameter:

  • status berisi MaxZoomStatus permintaan.
  • zoom berisi tingkat zoom. Jika karena suatu sebab layanan gagal, maka nilai ini tidak akan ada.

Kode status mungkin mengembalikan salah satu nilai berikut:

  • OK menunjukkan layanan telah menemukan tingkat zoom maksimum untuk citra satelit.
  • ERROR menunjukkan permintaan Maxzoom tidak bisa diproses.

Contoh berikut menampilkan peta kota metropolitan Tokyo. Mengeklik di mana saja pada peta akan menunjukkan tingkat zoom maksimum di lokasi itu. (Tingkat zoom di sekitar Tokyo biasanya bervariasi antara 18 dan 21.)

var map;
var maxZoomService;
var infoWindow;

function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    zoom: 11,
    center: {lat: 35.6894, lng: 139.692},
    mapTypeId: 'hybrid'
  });

  infoWindow = new google.maps.InfoWindow();

  maxZoomService = new google.maps.MaxZoomService();

  map.addListener('click', showMaxZoom);
}

function showMaxZoom(e) {
  maxZoomService.getMaxZoomAtLatLng(e.latLng, function(response) {
    if (response.status !== 'OK') {
      infoWindow.setContent('Error in MaxZoomService');
    } else {
      infoWindow.setContent(
          'The maximum zoom at this location is: ' + response.zoom);
    }
    infoWindow.setPosition(e.latLng);
    infoWindow.open(map);
  });
}
<div id="map"></div>
/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */
#map {
  height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
 <!-- Replace the value of the key parameter with your own API key. -->
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initMap">
</script>
var map;
var maxZoomService;
var infoWindow;

function initMap() {
  map = new google.maps.Map(document.getElementById('map'), {
    zoom: 11,
    center: {lat: 35.6894, lng: 139.692},
    mapTypeId: 'hybrid'
  });

  infoWindow = new google.maps.InfoWindow();

  maxZoomService = new google.maps.MaxZoomService();

  map.addListener('click', showMaxZoom);
}

function showMaxZoom(e) {
  maxZoomService.getMaxZoomAtLatLng(e.latLng, function(response) {
    if (response.status !== 'OK') {
      infoWindow.setContent('Error in MaxZoomService');
    } else {
      infoWindow.setContent(
          'The maximum zoom at this location is: ' + response.zoom);
    }
    infoWindow.setPosition(e.latLng);
    infoWindow.open(map);
  });
}

Lihat contoh (maxzoom-simple.html).

Kirim masukan tentang...

Google Maps JavaScript API
Google Maps JavaScript API
Butuh bantuan? Kunjungi halaman dukungan kami.