Zemin Bindirmeleri

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

Giriş

Yer paylaşımları, harita üzerinde enlem/boylam koordinatlarına bağlı nesnelerdir. Bunlar, 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 yer paylaşımı türleri hakkında bilgi edinmek için Haritada çizim bölümüne bakın.

Zemin bindirmesi ekleme

GroundOverlay kurucusu, resmin URL'sini ve resmin LatLngBounds değerini parametre olarak belirtir. Görüntü, harita üzerinde oluşturulur, verilen sınırlarla sınırlandırılır ve haritanın 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öster

Örneği Deneyin

Zemin bindirmesini kaldırma

Haritadan bir bindirmeyi kaldırmak için, bindirmenin setMap() yöntemini null ile çağırın. Bu yöntemi çağırmanın yer paylaşımını silmeyeceğini unutmayın. Yer paylaşımı haritadan kaldırılır. Bunun yerine, bindirmeyi silmek istiyorsanız haritadan kaldırmanız ve bindirmeyi null olarak ayarlamanız gerekir.

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

Örneği göster