Zemin Bindirmeleri

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

Giriş

Yer paylaşımları, harita üzerinde enlem/boylam koordinatlarına bağlı nesnelerdir. Bu nedenle, haritayı sürüklediğinizde veya yakınlaştırdığınızda hareket ederler. Haritaya resim yerleştirmek istiyorsanız GroundOverlay nesnesi kullanabilirsiniz.

Diğer bindirme türleri hakkında bilgi için Harita üzerinde çizim konusuna bakın.

Zemin bindirme ekleyin

GroundOverlay kurucusu, resmin URL'sini ve resmin LatLngBounds parametresini parametre olarak belirtir. Görüntü, harita üzerinde oluşturulur, verilen sınırlarla sınırlandırılır ve harita projeksiyonu kullanılarak uygun hale getirilir.

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 görüntüleyin

Örneği Deneyin

Zemin bindirmesini kaldırma

Bir bindirmeyi haritadan kaldırmak için null ileterek bindirmenin setMap() yöntemini çağırın. Bu yöntemin çağrılmasının yer paylaşımının silinmeyeceğini unutmayın. Yer paylaşımını haritadan kaldırır. Bunun yerine bindirmeyi silmek isterseniz haritadan kaldırmanız ve ardından bindirmenin kendisini null olarak ayarlamanız gerekir.

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

Örneği görüntüleyin