স্থান বিবরণ

প্ল্যাটফর্ম নির্বাচন করুন: Android iOS জাভাস্ক্রিপ্ট ওয়েব পরিষেবা

ক্ষেত্রগুলি আনুন

আপনার যদি একটি বিদ্যমান Place বস্তু বা স্থান আইডি থাকে, তাহলে সেই স্থান সম্পর্কে বিশদ বিবরণ পেতে Place.fetchFields() পদ্ধতি ব্যবহার করুন। প্রত্যাবর্তনের জন্য স্থান ডেটা ক্ষেত্রগুলির একটি কমা দ্বারা পৃথক তালিকা প্রদান করুন; উটের ক্ষেত্রে ক্ষেত্রের নাম উল্লেখ করুন। অনুরোধ করা ক্ষেত্রগুলির জন্য ডেটা পেতে রিটার্ন করা Place অবজেক্টটি ব্যবহার করুন।

নিম্নলিখিত উদাহরণটি একটি নতুন Place তৈরি করতে একটি স্থান আইডি ব্যবহার করে, Place.fetchFields() কে displayName এবং formattedAddress ক্ষেত্রগুলির জন্য অনুরোধ করে, মানচিত্রে একটি মার্কার যুক্ত করে এবং কনসোলে কিছু ডেটা লগ করে৷

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

async function getPlaceDetails() {
    const { Place } =  await google.maps.importLibrary("places") as google.maps.PlacesLibrary;
    const { AdvancedMarkerElement } = await google.maps.importLibrary("marker") as google.maps.MarkerLibrary;
    // Use place ID to create a new Place instance.
    const place = new Place({
        id: 'ChIJN5Nz71W3j4ARhx5bwpTQEGg',
        requestedLanguage: 'en', // optional
    });

    // Call fetchFields, passing the desired data fields.
    await place.fetchFields({ fields: ['displayName', 'formattedAddress', 'location'] });

    // Log the result
    console.log(place.displayName);
    console.log(place.formattedAddress);

    // Add an Advanced Marker
    const marker = new AdvancedMarkerElement({
        map,
        position: place.location,
        title: place.displayName,
    });
}
index.ts

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

async function getPlaceDetails() {
  const { Place } = await google.maps.importLibrary("places");
  const { AdvancedMarkerElement } = await google.maps.importLibrary("marker");
  // Use place ID to create a new Place instance.
  const place = new Place({
    id: "ChIJN5Nz71W3j4ARhx5bwpTQEGg",
    requestedLanguage: "en", // optional
  });

  // Call fetchFields, passing the desired data fields.
  await place.fetchFields({
    fields: ["displayName", "formattedAddress", "location"],
  });
  // Log the result
  console.log(place.displayName);
  console.log(place.formattedAddress);

  // Add an Advanced Marker
  const marker = new AdvancedMarkerElement({
    map,
    position: place.location,
    title: place.displayName,
  });
}

index.js
মনে রাখবেন এই ফাংশনের আগে Map এবং Place ঘোষণা করা হয়েছে:
const { Map } = await google.maps.importLibrary("maps");
const { Place } = await google.maps.importLibrary("places");
 সম্পূর্ণ উদাহরণ দেখুন

স্থান ওভারভিউ উপাদান ব্যবহার করুন

প্লেস ওভারভিউ কম্পোনেন্ট লক্ষ লক্ষ ব্যবসা সম্পর্কে বিস্তারিত তথ্য প্রদর্শন করে, যার মধ্যে খোলার সময়, তারকা পর্যালোচনা এবং ফটো, পাশাপাশি দিকনির্দেশ এবং অন্যান্য ক্রিয়াগুলি 5 আকার এবং বিন্যাসে একটি পূর্বনির্ধারিত UI-তে রয়েছে৷ এটি এক্সটেন্ডেড কম্পোনেন্ট লাইব্রেরির অংশ, Google মানচিত্র প্ল্যাটফর্ম থেকে, ওয়েব উপাদানগুলির একটি সেট যা বিকাশকারীদের আরও ভাল মানচিত্র এবং অবস্থান বৈশিষ্ট্যগুলি দ্রুত তৈরি করতে সহায়তা করে৷

একটি কাস্টম প্লেস ওভারভিউ কম্পোনেন্টের জন্য এম্বেডযোগ্য কোড তৈরি করতে প্লেস ওভারভিউ কনফিগারেটর ব্যবহার করুন, তারপর এটিকে রপ্তানি করুন জনপ্রিয় ফ্রেমওয়ার্ক যেমন প্রতিক্রিয়া এবং কৌণিক বা কোনো ফ্রেমওয়ার্কের সাথে ব্যবহার করার জন্য।