গ্রাউন্ড ওভারলে

প্ল্যাটফর্ম নির্বাচন করুন: অ্যান্ড্রয়েড আইওএস জাভাস্ক্রিপ্ট
  1. ভূমিকা
  2. একটি স্থল ওভারলে যোগ করুন
  3. একটি স্থল ওভারলে সরান

ভূমিকা

ওভারলেগুলি হল মানচিত্রের বস্তু যা অক্ষাংশ/দ্রাঘিমাংশ স্থানাঙ্কের সাথে আবদ্ধ, তাই আপনি যখন মানচিত্রটি টেনে বা জুম করেন তখন তারা সরে যায়। আপনি যদি একটি মানচিত্রে একটি চিত্র স্থাপন করতে চান, আপনি একটি GroundOverlay বস্তু ব্যবহার করতে পারেন।

অন্যান্য ধরনের ওভারলে সম্পর্কে তথ্যের জন্য, মানচিত্রে অঙ্কন দেখুন।

একটি স্থল ওভারলে যোগ করুন

একটি GroundOverlay -এর কনস্ট্রাক্টর একটি ছবির URL এবং প্যারামিটার হিসাবে ছবির LatLngBounds নির্দিষ্ট করে৷ চিত্রটি মানচিত্রে রেন্ডার করা হবে, প্রদত্ত সীমার মধ্যে সীমাবদ্ধ থাকবে এবং মানচিত্রের অভিক্ষেপ ব্যবহার করে মানিয়ে যাবে।

টাইপস্ক্রিপ্ট

// 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;

জাভাস্ক্রিপ্ট

// 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;
উদাহরণ দেখুন

নমুনা চেষ্টা করুন

একটি স্থল ওভারলে সরান

একটি মানচিত্র থেকে একটি ওভারলে অপসারণ করতে, ওভারলে এর setMap() পদ্ধতিতে কল করুন, null পাস করে। মনে রাখবেন এই পদ্ধতিতে কল করলে ওভারলে মুছে যায় না। এটি মানচিত্র থেকে ওভারলে সরিয়ে দেয়। পরিবর্তে আপনি যদি ওভারলেটি মুছতে চান, তাহলে আপনাকে মানচিত্র থেকে এটি সরিয়ে ফেলতে হবে এবং তারপর ওভারলেটিকেই null এ সেট করতে হবে।

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

উদাহরণ দেখুন