আইকন রাখুন

স্থানের আইকনগুলি বিভিন্ন ধরণের স্থান নির্দেশ করে (উদাহরণস্বরূপ কফি শপ, লাইব্রেরি এবং জাদুঘর)। আপনি প্লেস ক্লাস ব্যবহার করে আইকন এবং তাদের পটভূমির রঙের জন্য অনুরোধ করতে পারেন।

ক্ষেত্র

স্থান আইকনগুলির সাথে কাজ করতে নিম্নলিখিত ক্ষেত্রগুলি ব্যবহার করুন:

• icon একটি রঙিন 71px x 71px PNG আইকনের URL প্রদান করে (শুধুমাত্র স্থান পরিষেবা)।
• iconBackgroundColor এবং icon_background_color স্থান আইকনের বিভাগের জন্য ডিফল্ট HEX রঙের কোড প্রদান করে।
• icon_mask_base_uri (Places Service) একটি নন-রঙ্গিন আইকনের জন্য ভিত্তি URL প্রদান করে, ফাইল টাইপ এক্সটেনশন ( .svg বা .png যোগ করুন) বিয়োগ করে।
• svgIconMaskURI (Place Class) একটি অ-রঙ্গিন SVG আইকনের জন্য ভিত্তি URL প্রদান করে।

একটি মার্কারে স্থান আইকন এবং রঙ প্রয়োগ করুন

স্থানের বিবরণ সহ, আপনি একটি স্থান আইকন এবং পটভূমির রঙের অনুরোধ করতে পারেন যা আপনি মার্কারগুলিতে প্রয়োগ করতে পারেন। নিম্নলিখিত উদাহরণটি PinElement.background বিকল্পে place.iconBackgroundColor এবং place.svgIconMaskURI থেকে PinElement.glyph পাস করে স্থান ডেটা ব্যবহার করে একটি মার্কার তৈরি করার কোড দেখায়। সঠিক অবস্থানে মার্কার স্থাপন করতে place.location ব্যবহার করুন। এই উদাহরণটি চিহ্নিতকারী শিরোনামে place.displayName ও প্রদর্শন করে।

// A marker customized using a place icon and color, name, and geometry.
const place = new Place({
    id: 'ChIJN5Nz71W3j4ARhx5bwpTQEGg',
});

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

const pinElement = new PinElement({
    background: place.iconBackgroundColor,
    glyph: new URL(String(place.svgIconMaskURI)),
});

const placeIconMarkerView = new AdvancedMarkerElement({
    map,
    position: place.location,
    content: pinElement.element,
    title: place.displayName,
});
index.ts

// A marker customized using a place icon and color, name, and geometry.
const place = new Place({
  id: "ChIJN5Nz71W3j4ARhx5bwpTQEGg",
});

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

const pinElement = new PinElement({
  background: place.iconBackgroundColor,
  glyph: new URL(String(place.svgIconMaskURI)),
});
const placeIconMarkerView = new AdvancedMarkerElement({
  map,
  position: place.location,
  content: pinElement.element,
  title: place.displayName,
});
index.js

আইকন এবং পটভূমির রঙের অনুরোধ রাখুন

নিম্নলিখিত সারণীগুলি বিভাগ অনুসারে সমস্ত উপলব্ধ স্থান আইকন দেখায়। ডিফল্টরূপে এই ডিসপ্লেটি একটি কালো গ্লাইফ সহ। আইকনের পটভূমির রঙ স্থানের বিভাগ দ্বারা নির্ধারিত হয়।

স্থান বিভাগ: খাদ্য এবং পানীয় (আইকন পটভূমির রঙ #FF9E67)
বার, নাইট ক্লাব	ক্যাফে	রেস্তোরাঁ, বেকারি
স্থান বিভাগ: খুচরা (আইকন পটভূমির রঙ #4B96F3)
বই, পোশাক, ইলেকট্রনিক্স, গয়না, জুতা, শপিং সেন্টার/মল	সুবিধার দোকান	মুদি, সুপার মার্কেট	ফার্মেসি
স্থান বিভাগ: পরিষেবা (আইকন পটভূমির রঙ #909CE1)
এটিএম	ব্যাংক	গ্যাস	বাসস্থান
ডাকঘর
স্থান বিভাগ: বিনোদন (আইকন পটভূমির রঙ #13B5C7)
অ্যাকোয়ারিয়াম, পর্যটক	গলফ	ঐতিহাসিক	মুভি
যাদুঘর	থিয়েটার
স্থান বিভাগ: পরিবহন (আইকন পটভূমির রঙ #10BDFF)
বিমানবন্দর	বাস, রাইডশেয়ার, ট্যাক্সি	ট্রেন/রেল
স্থান বিভাগ: পৌর/সাধারণ/ধর্মীয় (আইকন পটভূমির রঙ #7B9EB0)
কবরস্থান	নাগরিক ভবন	লাইব্রেরি	মনুমেন্ট
পার্কিং	স্কুল (প্রাথমিক, মাধ্যমিক, বিশ্ববিদ্যালয়)	উপাসনা (খ্রিস্টান)
উপাসনা (হিন্দু)	ইবাদত (ইসলাম)	পূজা (জৈন)	উপাসনা (ইহুদি)
উপাসনা (শিখ)	সাধারণ ব্যবসা
স্থান বিভাগ: আউটডোর (আইকন পটভূমির রঙ #4DB546)
বোটিং	ক্যাম্পিং	পার্ক	স্টেডিয়াম
চিড়িয়াখানা
স্থান বিভাগ: জরুরী (আইকন পটভূমির রঙ #F88181)
হাসপাতাল	পুলিশ