Maps JavaScript API-এর জন্য অতিরিক্ত ক্ষমতা প্রদানের জন্য অনেক ওপেন সোর্স লাইব্রেরি উপলব্ধ। এই লাইব্রেরিগুলি GitHub- এ সংস্করণ করা হয় এবং npm- এ প্রকাশিত হয়।
ওয়েব উপাদান
আপনার ওয়েবসাইটগুলিতে দ্রুত মানচিত্রের কার্যকারিতা যুক্ত করতে মানচিত্র জাভাস্ক্রিপ্ট API ওয়েব উপাদানগুলি ব্যবহার করুন৷ ওয়েব উপাদানগুলি বয়লারপ্লেট কোড, সর্বোত্তম অনুশীলন এবং প্রতিক্রিয়াশীল ডিজাইনকে এনক্যাপসুলেট করে, যা কার্যকরভাবে একটি একক HTML উপাদানের মধ্যে জটিল মানচিত্র UI গুলিকে হ্রাস করে৷
Google মানচিত্র প্ল্যাটফর্ম এক্সটেন্ডেড কম্পোনেন্ট লাইব্রেরি হল ওয়েব কম্পোনেন্টগুলির একটি সেট যা ডেভেলপারদের দ্রুত এবং কম পরিশ্রমে আরও ভাল মানচিত্র তৈরি করতে সাহায্য করে৷
npm i @googlemaps/extended-component-library
API লোড হচ্ছে
আধুনিক ওয়েব অ্যাপ্লিকেশনগুলি মানচিত্র জাভাস্ক্রিপ্ট 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
প্রতিক্রিয়া ব্যবহার করে
প্রতিক্রিয়া ব্যবহারকারীরা নিম্নলিখিত প্যাকেজগুলি দিয়ে শুরু করতে পারেন৷
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
একটি মানচিত্রে ওপেন জিওস্পেশিয়াল কনসোর্টিয়াম (OGC) স্তর যুক্ত করুন যেমন একটি ওয়েব ম্যাপ সার্ভিস (WMS)।
npm i @googlemaps/ogc
মার্কারগুলিতে কাস্টম HTML লেবেল যোগ করুন।
npm i @googlemaps/markerwithlabel
উচ্চ কর্মক্ষমতা ভিজ্যুয়ালাইজেশনের জন্য WebGL এবং ThreeJS ব্যবহার করুন।
npm i @googlemaps/three
একটি কাস্টম Google মানচিত্র ওভারলে হিসাবে Deck.gl ব্যবহার করুন।
npm i @deck.gl/google-maps
পরীক্ষা এবং linting
সেরা অনুশীলনগুলি নিশ্চিত করতে এবং মানচিত্র জাভাস্ক্রিপ্ট 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-এ ইউআরএল সাইন করুন।
npm i @googlemaps/url-signature
Maps JavaScript API-এর জন্য অতিরিক্ত ক্ষমতা প্রদানের জন্য অনেক ওপেন সোর্স লাইব্রেরি উপলব্ধ। এই লাইব্রেরিগুলি GitHub- এ সংস্করণ করা হয় এবং npm- এ প্রকাশিত হয়।
ওয়েব উপাদান
আপনার ওয়েবসাইটগুলিতে দ্রুত মানচিত্রের কার্যকারিতা যুক্ত করতে মানচিত্র জাভাস্ক্রিপ্ট API ওয়েব উপাদানগুলি ব্যবহার করুন৷ ওয়েব উপাদানগুলি বয়লারপ্লেট কোড, সর্বোত্তম অনুশীলন এবং প্রতিক্রিয়াশীল ডিজাইনকে এনক্যাপসুলেট করে, যা কার্যকরভাবে একটি একক HTML উপাদানের মধ্যে জটিল মানচিত্র UI গুলিকে হ্রাস করে৷
Google মানচিত্র প্ল্যাটফর্ম এক্সটেন্ডেড কম্পোনেন্ট লাইব্রেরি হল ওয়েব কম্পোনেন্টগুলির একটি সেট যা ডেভেলপারদের দ্রুত এবং কম পরিশ্রমে আরও ভাল মানচিত্র তৈরি করতে সাহায্য করে৷
npm i @googlemaps/extended-component-library
API লোড হচ্ছে
আধুনিক ওয়েব অ্যাপ্লিকেশনগুলি মানচিত্র জাভাস্ক্রিপ্ট 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
প্রতিক্রিয়া ব্যবহার করে
প্রতিক্রিয়া ব্যবহারকারীরা নিম্নলিখিত প্যাকেজগুলি দিয়ে শুরু করতে পারেন৷
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
একটি মানচিত্রে ওপেন জিওস্পেশিয়াল কনসোর্টিয়াম (OGC) স্তর যুক্ত করুন যেমন একটি ওয়েব ম্যাপ সার্ভিস (WMS)।
npm i @googlemaps/ogc
মার্কারগুলিতে কাস্টম HTML লেবেল যোগ করুন।
npm i @googlemaps/markerwithlabel
উচ্চ কর্মক্ষমতা ভিজ্যুয়ালাইজেশনের জন্য WebGL এবং ThreeJS ব্যবহার করুন।
npm i @googlemaps/three
একটি কাস্টম Google মানচিত্র ওভারলে হিসাবে Deck.gl ব্যবহার করুন।
npm i @deck.gl/google-maps
পরীক্ষা এবং linting
সেরা অনুশীলনগুলি নিশ্চিত করতে এবং মানচিত্র জাভাস্ক্রিপ্ট 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-এ ইউআরএল সাইন করুন।
npm i @googlemaps/url-signature