নতুন স্থানের ফটোতে স্থানান্তর করুন, নতুন স্থানের ফটোগুলিতে স্থানান্তর করুন, নতুন স্থানের ফটোগুলিতে স্থানান্তর করুন, নতুন স্থানের ফটোগুলিতে স্থানান্তর করুন

স্থানের ফটোগুলি আপনাকে আপনার ওয়েব পৃষ্ঠাগুলিতে উচ্চ মানের ফটোগ্রাফিক সামগ্রী যোগ করতে দেয়৷ এই পৃষ্ঠাটি Place ক্লাস (নতুন) এবং PlacesService (লেগেসি) মধ্যে স্থানের ফটো বৈশিষ্ট্যগুলির মধ্যে পার্থক্য ব্যাখ্যা করে এবং তুলনা করার জন্য কিছু কোড স্নিপেট প্রদান করে।

• যদি অনুরোধে photos ক্ষেত্র নির্দিষ্ট করা থাকে তাহলে যেকোনো getDetails() অনুরোধের জন্য PlaceResult অবজেক্টের অংশ হিসেবে PlacesService (লেগেসি) 10টি পর্যন্ত PlacePhoto অবজেক্টের একটি অ্যারে প্রদান করে। textSearch() এবং nearbySearch() এর ক্ষেত্রে প্রথম স্থানের ছবি উপলব্ধ থাকলে ডিফল্টরূপে ফেরত দেওয়া হয়।
• একটি fetchFields() অনুরোধের অংশ হিসাবে Place ক্লাস 10টি Photo অবজেক্টের একটি অ্যারে প্রদান করে যদি অনুরোধে photos ক্ষেত্রটি নির্দিষ্ট করা থাকে।

নিম্নলিখিত টেবিলটি Place ক্লাস এবং PlacesService মধ্যে স্থানের ফটো ব্যবহারে কিছু প্রধান পার্থক্য তালিকাভুক্ত করে:

PlacesService (উত্তরাধিকার)	Place (নতুন)
PlacePhoto ইন্টারফেস	Photo ক্লাস
PlacePhoto একটি স্ট্রিং হিসাবে html_attributions প্রদান করে।	Photo একটি AuthorAttribution উদাহরণ প্রদান করে।
ফলাফল বস্তু এবং google.maps.places.PlacesServiceStatus প্রতিক্রিয়া পরিচালনা করতে পদ্ধতিগুলির জন্য একটি কলব্যাক ব্যবহার করা প্রয়োজন৷	প্রতিশ্রুতি ব্যবহার করে, এবং অ্যাসিঙ্ক্রোনাসভাবে কাজ করে।
পদ্ধতিগুলির জন্য একটি PlacesServiceStatus চেক প্রয়োজন৷	কোন প্রয়োজনীয় স্থিতি পরীক্ষা, মান ত্রুটি হ্যান্ডলিং ব্যবহার করতে পারেন.
PlacesService একটি মানচিত্র বা একটি div উপাদান ব্যবহার করে তাত্ক্ষণিক করা আবশ্যক।	একটি মানচিত্র বা পৃষ্ঠা উপাদানের রেফারেন্স ছাড়াই যেখানে প্রয়োজন সেখানে Place তাত্ক্ষণিক করা যেতে পারে।

কোড তুলনা

স্থান পরিষেবা এবং স্থান শ্রেণীর মধ্যে পার্থক্যগুলি চিত্রিত করতে এই বিভাগটি স্থানের ফটোগুলির কোডের তুলনা করে৷ কোড স্নিপেট প্রতিটি নিজ নিজ API-এ ছবি রাখার অনুরোধ করার জন্য প্রয়োজনীয় কোড দেখায়।

স্থান পরিষেবা (উত্তরাধিকার)

নিম্নলিখিত স্নিপেটটি PlacesService ব্যবহার করে ফিরে আসা ফটোগুলি দেখায় এবং পৃষ্ঠায় প্রথম ছবির ফলাফল প্রদর্শন করে৷ এই উদাহরণে, স্থানের বিশদ বিবরণের অনুরোধে name এবং photos ক্ষেত্র সহ একটি স্থানের আইডি উল্লেখ করা হয়। পরিষেবার স্থিতি পরীক্ষা করার পরে প্রথম ফটোটি পৃষ্ঠায় প্রদর্শিত হয়। PlacesService চালু করার সময়, একটি মানচিত্র বা একটি div উপাদান অবশ্যই নির্দিষ্ট করতে হবে; যেহেতু এই উদাহরণে একটি মানচিত্র নেই, তাই একটি div উপাদান ব্যবহার করা হয়।

function getPhotos() {
  // Construct the Place Details request.
  const request = {
    placeId: "ChIJydSuSkkUkFQRsqhB-cEtYnw",
    fields: ["name", "photos"],
  };

  // Create an instance of PlacesService.
  const attributionDiv = document.getElementById("attribution-div");
  const service = new google.maps.places.PlacesService(attributionDiv);

  // Check status and display the first photo in an img element.
  service.getDetails(request, (place, status) => {
    if (
      status === google.maps.places.PlacesServiceStatus.OK && place
    ) {
      const photoImg = document.getElementById('image-container');
      photoImg.src = place.photos[0].getUrl({maxHeight: 400});
    }
  });
}

PlacesService এ লেখকের গুণাবলী

PlacesService লেখকের Google প্রোফাইল পৃষ্ঠার দিকে নির্দেশ করে এমন একটি URL ধারণকারী একটি html_attributions স্ট্রিং হিসাবে প্রয়োজনীয় লেখক অ্যাট্রিবিউশন প্রদান করে। নিম্নলিখিত স্নিপেট প্রথম ছবির ফলাফলের জন্য অ্যাট্রিবিউশন ডেটা পুনরুদ্ধার করা দেখায়।

let attributionUrl = place.photos[0].html_attributions;

আরও জানুন

• ডকুমেন্টেশন দেখুন
• বিস্তারিত রেফারেন্স getDetails
• PlacePhoto ইন্টারফেস রেফারেন্স

ক্লাস করুন (নতুন)

নিম্নলিখিত স্নিপেট প্রদর্শনের নাম এবং স্থানের ফটো সহ স্থানের বিবরণ ফেরত দিতে fetchFields() পদ্ধতি ব্যবহার করে দেখায়। প্রথমে একটি প্লেস আইডি ব্যবহার করে একটি নতুন Place অবজেক্ট ইনস্ট্যান্ট করা হয়, তারপরে fetchFields() এ একটি কল আসে যেখানে displayName এবং photos ক্ষেত্রগুলি নির্দিষ্ট করা হয়। প্রথম স্থানের ছবি তারপর পৃষ্ঠায় প্রদর্শিত হয়. Place ক্লাস ব্যবহার করার সময় পরিষেবার স্থিতি পরীক্ষা করার দরকার নেই, কারণ এটি স্বয়ংক্রিয়ভাবে পরিচালনা করা হয়।

async function getPhotos() {
  // Use a place ID to create a new Place instance.
  const place = new google.maps.places.Place({
      id: 'ChIJydSuSkkUkFQRsqhB-cEtYnw', // Woodland Park Zoo, Seattle WA
  });

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

  console.log(place.displayName);
  console.log(place.photos[0]);
  // Add the first photo to an img element.
  const photoImg = document.getElementById('image-container');
  photoImg.src = place.photos[0].getURI({maxHeight: 400});
}

Place ক্লাসে লেখকের গুণাবলী

Place ক্লাস লেখকের AuthorAttribution উদাহরণ হিসাবে লেখকের নাম, লেখকের Google প্রোফাইল পৃষ্ঠার জন্য একটি URI এবং লেখকের প্রোফাইল ফটোর জন্য একটি URI সহ লেখক বৈশিষ্ট্যগুলি প্রদান করে৷ নিম্নলিখিত স্নিপেট প্রথম ছবির ফলাফলের জন্য অ্যাট্রিবিউশন ডেটা পুনরুদ্ধার করা দেখায়।

let name = place.photos[0].authorAttributions[0].displayName;
let attributionUrl = place.photos[0].authorAttributions[0].uri;
let photoUrl = place.photos[0].authorAttributions[0].photoUri;

আরও জানুন

• সম্পূর্ণ উদাহরণ দেখুন
• ডকুমেন্টেশন দেখুন
• fetchFields() রেফারেন্স
• Photo ক্লাস রেফারেন্স