ঘোষণা: নতুন বেসম্যাপ স্টাইলিং শীঘ্রই গুগল ম্যাপ প্ল্যাটফর্মে আসছে। মানচিত্র স্টাইলিংয়ের এই আপডেটে একটি নতুন ডিফল্ট রঙ প্যালেট, আধুনিক পিন এবং মানচিত্রের অভিজ্ঞতা এবং ব্যবহারযোগ্যতার উন্নতি অন্তর্ভুক্ত রয়েছে। সমস্ত মানচিত্রের শৈলী মার্চ 2025-এ স্বয়ংক্রিয়ভাবে আপডেট হবে। প্রাপ্যতা এবং আগে কীভাবে নির্বাচন করবেন সে সম্পর্কে আরও তথ্যের জন্য, Google Maps প্ল্যাটফর্মের জন্য নতুন মানচিত্রের শৈলী দেখুন।
সেভ করা পৃষ্ঠা গুছিয়ে রাখতে 'সংগ্রহ' ব্যবহার করুন
আপনার পছন্দ অনুযায়ী কন্টেন্ট সেভ করুন ও সঠিক বিভাগে রাখুন।
Maps JavaScript API-এর জন্য অতিরিক্ত ক্ষমতা প্রদানের জন্য অনেক ওপেন সোর্স লাইব্রেরি উপলব্ধ। এই লাইব্রেরিগুলি GitHub- এ সংস্করণ করা হয় এবং npm- এ প্রকাশিত হয়।
ওয়েব উপাদান
আপনার ওয়েবসাইটগুলিতে দ্রুত মানচিত্রের কার্যকারিতা যুক্ত করতে মানচিত্র জাভাস্ক্রিপ্ট API ওয়েব উপাদানগুলি ব্যবহার করুন৷ ওয়েব উপাদানগুলি বয়লারপ্লেট কোড, সর্বোত্তম অনুশীলন এবং প্রতিক্রিয়াশীল ডিজাইনকে এনক্যাপসুলেট করে, যা কার্যকরভাবে একটি একক HTML উপাদানের মধ্যে জটিল মানচিত্র UI গুলিকে হ্রাস করে৷
বর্ধিত কম্পোনেন্ট লাইব্রেরি (বিটা)
Google মানচিত্র প্ল্যাটফর্ম এক্সটেন্ডেড কম্পোনেন্ট লাইব্রেরি হল ওয়েব কম্পোনেন্টগুলির একটি সেট যা ডেভেলপারদের দ্রুত এবং কম পরিশ্রমে আরও ভাল মানচিত্র তৈরি করতে সাহায্য করে৷
npm i @googlemaps/extended-component-library
API লোড হচ্ছে
আধুনিক ওয়েব অ্যাপ্লিকেশনগুলি মানচিত্র জাভাস্ক্রিপ্ট API লোড করতে নিম্নলিখিত লাইব্রেরিগুলি ব্যবহার করে উপকৃত হতে পারে৷
JS API লোডার
প্রতিশ্রুতি সহ মানচিত্র জাভাস্ক্রিপ্ট API গতিশীলভাবে লোড করুন।
npm i @googlemaps/js-api-loader
টাইপস্ক্রিপ্ট ব্যবহার করে
TypeScript ব্যবহারকারীরা নিম্নলিখিত প্যাকেজগুলি দিয়ে শুরু করতে পারেন। অতিরিক্ত তথ্যের জন্য TypeScript গাইড ব্যবহার করে দেখুন।
টাইপস্ক্রিপ্ট প্রকার
Maps JavaScript API-এর জন্য TypeScript প্রকার
npm i -D @types/google.maps
টাইপস্ক্রিপ্ট গার্ড
টাইপস্ক্রিপ্ট সংকীর্ণ ইউনিয়নের ধরন থেকে রক্ষা করে।
npm i -D @googlemaps/typescript-guards
প্রতিক্রিয়া ব্যবহার করে
প্রতিক্রিয়া ব্যবহারকারীরা নিম্নলিখিত প্যাকেজগুলি দিয়ে শুরু করতে পারেন৷
Google মানচিত্র লাইব্রেরি প্রতিক্রিয়া
Maps JavaScript API-কে React অ্যাপ্লিকেশানগুলিতে সংহত করার জন্য উপাদান এবং হুক।
npm i -D @vis.gl/react-google-maps
মোড়ক প্রতিক্রিয়া
মানচিত্র জাভাস্ক্রিপ্ট API ঘোষণামূলকভাবে লোড করার জন্য একটি মোড়ক উপাদান।
npm i @googlemaps/react-wrapper
মার্কার এবং ওভারলে প্রসারিত
নিম্নলিখিত লাইব্রেরিগুলি ক্লাস প্রসারিত করে যেমন মার্কার এবং ওভারলেভিউ।
মার্কার ক্লাস্টারার
প্রচুর পরিমাণে চিহ্নিতকারীর জন্য প্রতি-জুম-স্তরের ক্লাস্টার তৈরি এবং পরিচালনা করে।
npm i @googlemaps/markerclusterer
মার্কার ম্যানেজার
মানচিত্র ভিউপোর্ট পরিবর্তনের উপর ভিত্তি করে মার্কার যোগ করে এবং সরিয়ে দেয়।
npm i @googlemaps/markermanager
ওয়েব মানচিত্র পরিষেবা (WMS)
একটি মানচিত্রে ওপেন জিওস্পেশিয়াল কনসোর্টিয়াম (OGC) স্তর যুক্ত করুন যেমন একটি ওয়েব ম্যাপ সার্ভিস (WMS)।
npm i @googlemaps/ogc
মার্কার লেবেল
মার্কারগুলিতে কাস্টম HTML লেবেল যোগ করুন।
npm i @googlemaps/markerwithlabel
Three.js ওভারলে
উচ্চ কর্মক্ষমতা ভিজ্যুয়ালাইজেশনের জন্য WebGL এবং ThreeJS ব্যবহার করুন।
npm i @googlemaps/three
Deck.gl ওভারলে
একটি কাস্টম Google মানচিত্র ওভারলে হিসাবে Deck.gl ব্যবহার করুন।
npm i @deck.gl/google-maps
পরীক্ষা এবং linting
সেরা অনুশীলনগুলি নিশ্চিত করতে এবং মানচিত্র জাভাস্ক্রিপ্ট API-এর জন্য পরীক্ষা সহজ করতে এই লাইব্রেরিগুলি ব্যবহার করুন৷
ESLint প্লাগইন
আপনার কোড লিন্ট করতে কাস্টম ESLint নিয়ম ব্যবহার করুন।
npm i -D eslint-plugin-googlemaps
ঠাট্টা ঠাট্টা
জেস্ট টেস্টিং লাইব্রেরির সাথে ব্যবহার করার জন্য উপহাস।
npm i -D @googlemaps/jest-mocks
Node.js লাইব্রেরি
Node.js ক্লায়েন্ট লাইব্রেরি
ক্লাউড ফাংশন বা সার্ভারসাইড কোড থেকে কল করার জন্য Node.js ক্লায়েন্ট লাইব্রেরি।
npm i @googlemaps/google-maps-services-js
পলিলাইন এনকোডিং
Node.js-এ পলিলাইন এনকোড এবং ডিকোড করুন।
npm i @googlemaps/polyline-codec
ইউআরএল সাইনিং
অতিরিক্ত নিরাপত্তার জন্য Node.js-এ ইউআরএল সাইন করুন।
[[["সহজে বোঝা যায়","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-তে শেষবার আপডেট করা হয়েছে।"],[[["The Google Maps Platform offers numerous open-source libraries hosted on GitHub and npm to enhance the functionality of the Maps JavaScript API."],["These libraries cater to various needs, including web components, API loading, TypeScript integration, React integration, marker and overlay extensions, testing, linting, and Node.js environments."],["Developers can leverage libraries such as the Extended Component Library for streamlined UI development and the JS API Loader for dynamic API loading."],["Dedicated libraries are available for specific frameworks like React and TypeScript, along with tools for testing, linting, and extending map functionalities with markers, clusters, and overlays."],["Google Maps Platform provides Node.js libraries for server-side operations, such as making API calls and URL signing."]]],["Open-source libraries enhance the Maps JavaScript API, available on GitHub and npm. Web Components simplify map integration via a component library, installable with `npm i @googlemaps/extended-component-library`. The API can be dynamically loaded using `npm i @googlemaps/js-api-loader`. TypeScript support includes types and guards (`npm i -D @types/google.maps`, `npm i -D @googlemaps/typescript-guards`). React users can integrate maps using `@vis.gl/react-google-maps` or `@googlemaps/react-wrapper`. Libraries extend markers, overlays, and there are tools for linting, testing, and Node.js functionality.\n"]]
