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