ঘোষণা: নতুন বেসম্যাপ স্টাইলিং শীঘ্রই গুগল ম্যাপ প্ল্যাটফর্মে আসছে। মানচিত্র স্টাইলিংয়ের এই আপডেটে একটি নতুন ডিফল্ট রঙ প্যালেট, আধুনিক পিন এবং মানচিত্রের অভিজ্ঞতা এবং ব্যবহারযোগ্যতার উন্নতি অন্তর্ভুক্ত রয়েছে। সমস্ত মানচিত্রের শৈলী মার্চ 2025-এ স্বয়ংক্রিয়ভাবে আপডেট হবে। প্রাপ্যতা এবং আগে কীভাবে নির্বাচন করবেন সে সম্পর্কে আরও তথ্যের জন্য, Google Maps প্ল্যাটফর্মের জন্য নতুন মানচিত্রের শৈলী দেখুন।
একটি মানচিত্রে একক অবস্থান প্রদর্শন করতে মার্কার ব্যবহার করুন। এই নির্দেশিকা আপনাকে দেখায় কিভাবে উন্নত মার্কার ব্যবহার করতে হয়। উন্নত মার্কারগুলির সাহায্যে আপনি অত্যন্ত কার্যকরী মার্কারগুলি তৈরি এবং কাস্টমাইজ করতে পারেন এবং অ্যাক্সেসযোগ্য মার্কারগুলি তৈরি করতে পারেন যা DOM ক্লিক ইভেন্ট এবং কীবোর্ড ইনপুটে প্রতিক্রিয়া জানায়৷ আরও গভীর কাস্টমাইজেশনের জন্য, উন্নত মার্কারগুলি সম্পূর্ণ কাস্টম মার্কার তৈরি করার ক্ষমতা সহ কাস্টম HTML এবং CSS ব্যবহার সমর্থন করে৷ 3D অ্যাপ্লিকেশনের জন্য আপনি একটি মার্কার প্রদর্শিত উচ্চতা নিয়ন্ত্রণ করতে পারেন। উন্নত মার্কারগুলি রাস্টার এবং ভেক্টর মানচিত্রে সমর্থিত (যদিও কিছু বৈশিষ্ট্য রাস্টার মানচিত্রে উপলব্ধ নয়)। উন্নত মার্কার ব্যবহার করার জন্য একটি মানচিত্র ID প্রয়োজন ( DEMO_MAP_ID ব্যবহার করা যেতে পারে)।
ডিফল্ট মার্কারের ব্যাকগ্রাউন্ড, গ্লিফ এবং বর্ডার কালার কাস্টমাইজ করুন এবং মার্কার সাইজ অ্যাডজাস্ট করুন।
একটি কাস্টম SVG বা PNG ইমেজ দিয়ে ডিফল্ট মার্কার আইকন প্রতিস্থাপন করুন।
কাস্টম HTML মার্কার তৈরি করুন
দৃশ্যত স্বতন্ত্র ইন্টারেক্টিভ মার্কার তৈরি করতে এবং অ্যানিমেশন তৈরি করতে কাস্টম HTML এবং CSS ব্যবহার করুন।
ক্লিক এবং কীবোর্ড ইভেন্টে মার্কারদের সাড়া দিন
একটি click ইভেন্ট লিসেনার যোগ করে ক্লিক এবং কীবোর্ড ইভেন্টগুলিতে একটি মার্কার প্রতিক্রিয়া তৈরি করুন৷
functioninitMap(){constmap=newgoogle.maps.Map(document.getElementById('map'),{center:{lat:37.4239163,lng:-122.0947209},zoom:17,mapId:'DEMO_MAP_ID',});constmarker=newgoogle.maps.marker.AdvancedMarkerElement({map,position:{lat:37.4239163,lng:-122.0947209},});marker.addListener('click',({domEvent,latLng})=>{const{target}=domEvent;// Handle the click event.// ...});}
মার্কার উচ্চতা এবং সংঘর্ষের আচরণ সেট করুন
3D মানচিত্রের উপাদানগুলির সাথে সঠিকভাবে প্রদর্শিত করার জন্য একটি মার্কারটির উচ্চতা সেট করুন এবং একটি মার্কার যখন অন্য মার্কার বা মানচিত্রের লেবেলের সাথে সংঘর্ষ হয় তখন এটি কীভাবে আচরণ করা উচিত তা নির্দিষ্ট করুন৷ মার্কার উচ্চতা শুধুমাত্র ভেক্টর মানচিত্রে সমর্থিত।
[[["সহজে বোঝা যায়","easyToUnderstand","thumb-up"],["আমার সমস্যার সমাধান হয়েছে","solvedMyProblem","thumb-up"],["অন্যান্য","otherUp","thumb-up"]],[["এতে আমার প্রয়োজনীয় তথ্য নেই","missingTheInformationINeed","thumb-down"],["খুব জটিল / অনেক ধাপ","tooComplicatedTooManySteps","thumb-down"],["পুরনো","outOfDate","thumb-down"],["অনুবাদ সংক্রান্ত সমস্যা","translationIssue","thumb-down"],["নমুনা / কোড সংক্রান্ত সমস্যা","samplesCodeIssue","thumb-down"],["অন্যান্য","otherDown","thumb-down"]],["2025-03-13 UTC-তে শেষবার আপডেট করা হয়েছে।"],[[["Advanced markers offer highly performant and customizable options for displaying single locations on Google Maps, including custom HTML and CSS for unique designs."],["They are accessible, responding to DOM click events and keyboard input for enhanced user interaction."],["Customization options include changing color, scale, icon image, and creating custom HTML markers with interactive elements and animations."],["Altitude control is available for 3D applications, enabling precise marker placement in three-dimensional spaces, although this feature is limited to vector maps."],["Advanced markers are compatible with both raster and vector maps, requiring a map ID for implementation, and offer improved performance compared to legacy markers."]]],["Advanced markers allow customization of map markers, including color, scale, and icons (SVG/PNG). Users can employ custom HTML and CSS for unique designs and animations. Markers can be made interactive via `click` event listeners, handling user clicks and keyboard input. Altitude and collision behavior can be defined for 3D maps. A map ID, like `DEMO_MAP_ID`, is needed, and these advanced markers are available on Android, iOS, and JavaScript platforms, supporting both raster and vector maps.\n"]]
