Zemin Bindirmeleri

Platform seçin: Android iOS JavaScript
  1. Giriş
  2. Zemin bindirme ekleme
  3. Zemin bindirmeyi kaldırma

Giriş

Bindirmeler, harita üzerinde yer alan ve enlem/boylam koordinatlarını alır, böylece sürüklediğinizde veya haritayı yakınlaştırın. Bir haritaya görüntü yerleştirmek istiyorsanız GroundOverlay nesne algılandı.

Diğer yer paylaşımı türleri hakkında bilgi için bkz. Haritada çizim.

Zemin bindirme ekleme

Kurucusu GroundOverlay, bir resmin URL'sini belirtir ve parametre olarak resmin LatLngBounds değerini ekleyin. Resim harita üzerinde oluşturulur, verilen sınırlarla sınırlandırılır ve harita projeksiyonunu kullanmaktır.

TypeScript

// This example uses a GroundOverlay to place an image on the map
// showing an antique map of Newark, NJ.

let historicalOverlay;

function initMap(): void {
  const map = new google.maps.Map(
    document.getElementById("map") as HTMLElement,
    {
      zoom: 13,
      center: { lat: 40.74, lng: -74.18 },
    }
  );

  const imageBounds = {
    north: 40.773941,
    south: 40.712216,
    east: -74.12544,
    west: -74.22655,
  };

  historicalOverlay = new google.maps.GroundOverlay(
    "https://storage.googleapis.com/geo-devrel-public-buckets/newark_nj_1922-661x516.jpeg",
    imageBounds
  );
  historicalOverlay.setMap(map);
}

declare global {
  interface Window {
    initMap: () => void;
  }
}
window.initMap = initMap;
index.ts

JavaScript

// This example uses a GroundOverlay to place an image on the map
// showing an antique map of Newark, NJ.
let historicalOverlay;

function initMap() {
  const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 13,
    center: { lat: 40.74, lng: -74.18 },
  });
  const imageBounds = {
    north: 40.773941,
    south: 40.712216,
    east: -74.12544,
    west: -74.22655,
  };

  historicalOverlay = new google.maps.GroundOverlay(
    "https://storage.googleapis.com/geo-devrel-public-buckets/newark_nj_1922-661x516.jpeg",
    imageBounds,
  );
  historicalOverlay.setMap(map);
}

window.initMap = initMap;
index.js
Örneği inceleyin

Örneği Deneyin

Zemin bindirme kaldırma

Bir bindirmeyi haritadan kaldırmak için setMap() yöntemi, null başarılı. Lütfen bu yöntemin çağrılması, yer paylaşımını silmez. Şunları kaldırır: görebilirsiniz. Bunun yerine, yer paylaşımını silmek isterseniz bunu haritadan kaldırmanız ve null ile yer paylaşımlı olarak gösterilir.

function removeOverlay() {
  historicalOverlay.setMap(null);
}

Örneği inceleyin