Zemin Bindirmeleri

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

Giriş

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

Diğer bindirme türleri hakkında bilgi edinmek için Haritada çizim konusuna göz atın.

Zemin bindirme ekleme

GroundOverlay oluşturucusu, resmin URL'sini ve resmin LatLngBounds öğesini parametre olarak belirtir. Görüntü harita üzerinde oluşturulur, belirli sınırlarla sınırlandırılır ve haritanın projeksiyonu kullanılarak uygun olur.

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;

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;
Örneği göster

Örneği Dene

Zemin bindirmeyi kaldırma

Bir bindirmeyi bir haritadan kaldırmak için, bindirmenin setMap() yöntemini çağırarak null değerini iletin. Bu yöntemi çağırmanın yer paylaşımını silmediğini unutmayın. Yer paylaşımını haritadan kaldırır. Bunun yerine, bindirmeyi silmek istiyorsanız haritadan kaldırmanız ve ardından bindirmenin kendisini null olarak ayarlamanız gerekir.

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

Örneği göster