Maps JavaScript API-এর জন্য অতিরিক্ত ক্ষমতা প্রদানের জন্য অনেক ওপেন সোর্স লাইব্রেরি উপলব্ধ। এই লাইব্রেরিগুলি GitHub- এ সংস্করণ করা হয়েছে এবং npm- এ প্রকাশিত হয়েছে।
ওয়েব উপাদান
আপনার ওয়েবসাইটগুলিতে দ্রুত মানচিত্রের কার্যকারিতা যোগ করতে মানচিত্র জাভাস্ক্রিপ্ট API ওয়েব উপাদান ব্যবহার করুন। ওয়েব উপাদানগুলি বয়লারপ্লেট কোড, সেরা অনুশীলন এবং প্রতিক্রিয়াশীল নকশাকে ধারণ করে, জটিল মানচিত্র UI গুলিকে কার্যকরভাবে একটি একক HTML উপাদানে পরিণত করে।
গুগল ম্যাপস প্ল্যাটফর্ম এক্সটেন্ডেড কম্পোনেন্ট লাইব্রেরি হল ওয়েব কম্পোনেন্টের একটি সেট যা ডেভেলপারদের দ্রুত এবং কম পরিশ্রমে আরও ভালো ম্যাপ তৈরি করতে সাহায্য করে।
npm i @googlemaps/extended-component-library
API লোড হচ্ছে
আধুনিক ওয়েব অ্যাপ্লিকেশনগুলি নিম্নলিখিত লাইব্রেরিগুলি ব্যবহার করে Maps JavaScript API লোড করে উপকৃত হতে পারে।
প্রতিশ্রুতি সহ Maps JavaScript API গতিশীলভাবে লোড করুন।
npm i @googlemaps/js-api-loader
টাইপস্ক্রিপ্ট ব্যবহার করে
টাইপস্ক্রিপ্ট ব্যবহারকারীরা নিম্নলিখিত প্যাকেজগুলি দিয়ে শুরু করতে পারেন। অতিরিক্ত তথ্যের জন্য টাইপস্ক্রিপ্ট ব্যবহারের নির্দেশিকাটি দেখুন।
Maps JavaScript API-এর জন্য TypeScript প্রকার
npm i -D @types/google.maps
টাইপস্ক্রিপ্ট ইউনিয়ন প্রকারগুলিকে সংকুচিত করতে সাহায্য করে।
npm i -D @googlemaps/typescript-guards
প্রতিক্রিয়া ব্যবহার করা
React ব্যবহারকারীরা নিম্নলিখিত প্যাকেজগুলি দিয়ে শুরু করতে পারেন।
React অ্যাপ্লিকেশনগুলিতে Maps JavaScript API সংহত করার জন্য উপাদান এবং হুক।
npm i -D @vis.gl/react-google-maps
ম্যাপস জাভাস্ক্রিপ্ট এপিআই ঘোষণামূলকভাবে লোড করার জন্য একটি র্যাপার কম্পোনেন্ট।
npm i @googlemaps/react-wrapper
মার্কার এবং ওভারলে প্রসারিত করা হচ্ছে
নিম্নলিখিত লাইব্রেরিগুলি মার্কার এবং ওভারলেভিউয়ের মতো ক্লাসগুলিকে প্রসারিত করে।
বিপুল সংখ্যক মার্কারের জন্য প্রতি-জুম-স্তরের ক্লাস্টার তৈরি এবং পরিচালনা করে।
npm i @googlemaps/markerclusterer
মানচিত্র ভিউপোর্ট পরিবর্তনের উপর ভিত্তি করে মার্কার যোগ করে এবং অপসারণ করে।
npm i @googlemaps/markermanager
একটি মানচিত্রে ওপেন জিওস্পেশিয়াল কনসোর্টিয়াম (OGC) স্তর যেমন একটি ওয়েব ম্যাপ সার্ভিস (WMS) যোগ করুন।
npm i @googlemaps/ogc
মার্কারগুলিতে কাস্টম HTML লেবেল যোগ করুন।
npm i @googlemaps/markerwithlabel
উচ্চ কর্মক্ষমতা সম্পন্ন ভিজ্যুয়ালাইজেশনের জন্য WebGL এবং ThreeJS ব্যবহার করুন।
npm i @googlemaps/three
Deck.gl কে একটি কাস্টম Google Maps ওভারলে হিসেবে ব্যবহার করুন।
npm i @deck.gl/google-maps
পরীক্ষা এবং লিন্টিং
Maps JavaScript API-এর জন্য সর্বোত্তম অনুশীলন নিশ্চিত করতে এবং পরীক্ষা সহজ করতে এই লাইব্রেরিগুলি ব্যবহার করুন।
আপনার কোড লিন্ট করতে কাস্টম ESLint নিয়ম ব্যবহার করুন।
npm i -D eslint-plugin-googlemaps
জেস্ট টেস্টিং লাইব্রেরির সাথে ব্যবহারের জন্য মক।
npm i -D @googlemaps/jest-mocks
Node.js লাইব্রেরি
ক্লাউড ফাংশন বা সার্ভারসাইড কোড থেকে কল করার জন্য Node.js ক্লায়েন্ট লাইব্রেরি।
npm i @googlemaps/google-maps-services-js
Node.js-এ পলিলাইন এনকোড এবং ডিকোড করুন।
npm i @googlemaps/polyline-codec
অতিরিক্ত নিরাপত্তার জন্য Node.js-এ URL গুলি সাইন করুন।
npm i @googlemaps/url-signature
