জায়গার আইকন

প্ল্যাটফর্ম বেছে নিন: Android iOS JavaScript ওয়েব পরিষেবা

জায়গার আইকন বিভিন্ন ধরনের জায়গা নির্দেশ করে (যেমন, কফি শপ, লাইব্রেরি এবং মিউজিয়াম)। আপনি Place Class ব্যবহার করে আইকন ও সেগুলির ব্যাকগ্রাউন্ড কালারের জন্য অনুরোধ করতে পারেন।

ফিল্ড

জায়গার আইকন নিয়ে কাজ করতে নিম্নলিখিত ফিল্ড ব্যবহার করুন:

ফিল্ড	জায়গার ক্লাস	Places Service
আইকন	---	icon
আইকনের ব্যাকগ্রাউন্ডের রঙ	iconBackgroundColor	icon_background_color
আইকন মাস্ক URI	svgIconMaskURI	icon_mask_base_uri

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

মার্কারে জায়গার আইকন ও রঙ প্রয়োগ করুন

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

TypeScript

// 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,
    glyphSrc: new URL(String(place.svgIconMaskURI)),
});

const placeIconMarker = new AdvancedMarkerElement({
    position: place.location,
    title: place.displayName,
});
placeIconMarker.append(pinElement);
mapElement.append(placeIconMarker);
index.ts

মনে রাখবেন: TypeScript ও Google Maps ব্যবহার করার ব্যাপারে গাইড পড়ুন।

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

// 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,
    glyphSrc: new URL(String(place.svgIconMaskURI)),
});

const placeIconMarker = new AdvancedMarkerElement({
    position: place.location,
    title: place.displayName,
});
placeIconMarker.append(pinElement);
mapElement.append(placeIconMarker);
index.js

উদাহরণ দেখুন

আইকন ও ব্যাকগ্রাউন্ডের রঙ সংক্রান্ত অনুরোধ করা

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

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