Maps JavaScript API'ye ek özellikler sağlamak için birçok açık kaynak kitaplık mevcuttur. Bu kitaplıklar GitHub'da sürümlendirilir ve npm'de yayınlanır.
Web Bileşenleri
Web sitelerinize harita işlevini hızlıca eklemek için Maps JavaScript API web bileşenlerini kullanın. Web Bileşenleri; ortak metin kodunu, en iyi uygulamaları ve duyarlı tasarımı kapsayarak karmaşık harita kullanıcı arayüzlerini tek bir HTML öğesine indirger.
Genişletilmiş Bileşen Kitaplığı (Beta)
Google Haritalar Platformu Genişletilmiş Bileşen Kitaplığı, geliştiricilerin daha iyi haritaları daha hızlı ve daha az çabayla oluşturmasına yardımcı olan bir dizi web bileşenidir.
npm i @googlemaps/extended-component-library
API yükleniyor
Modern web uygulamaları, Maps JavaScript API'yi yüklemek için aşağıdaki kitaplıkları kullanmaktan yararlanabilir.
JS API yükleyici
Maps JavaScript API'yi Promises ile dinamik olarak yükleyin.
npm i @googlemaps/js-api-loader
TypeScript'i kullanma
TypeScript kullanıcıları aşağıdaki paketleri kullanmaya başlayabilir. Daha fazla bilgi için TypeScript kullanma kılavuzuna göz atın.
TypeScript korumaları
Birleşim türlerini daraltmak için TypeScript korumaları.
npm i -D @googlemaps/typescript-guards
React'i kullanma
React kullanıcıları aşağıdaki paketleri kullanmaya başlayabilir.
React Google Haritalar Kitaplığı
Maps JavaScript API'yi React uygulamalarına entegre etmek için bileşenler ve kancalar.
npm i -D @vis.gl/react-google-maps
React sarmalayıcı
Maps JavaScript API'yi bildirimli olarak yüklemek için bir sarmalayıcı bileşen.
npm i @googlemaps/react-wrapper
İşaretçileri ve yer paylaşımlarını genişletme
Aşağıdaki kitaplıklar, Marker ve OverlayView gibi sınıfları genişletir.
İşaretçi grupları
Çok sayıda işaretçi için her yakınlaştırma düzeyinde kümeler oluşturur ve bunları yönetir.
npm i @googlemaps/markerclusterer
İşaretleyici yöneticisi
Harita görüntü alanı değişikliklerine göre işaretçi ekler ve kaldırır.
npm i @googlemaps/markermanager
Web haritalama hizmeti (WMS)
Web Harita Hizmeti (WMS) gibi Open Geospatial Consortium (OGC) katmanlarını haritaya ekleyin.
npm i @googlemaps/ogc
Three.js yer paylaşımları
Yüksek performanslı görselleştirmeler için WebGL ve ThreeJS'yi kullanma
npm i @googlemaps/three
Deck.gl yer paylaşımları
Deck.gl'yi özel bir Google Haritalar yerleşimi olarak kullanma
npm i @deck.gl/google-maps
Test etme ve linting
Maps JavaScript API için en iyi uygulamaları sağlamak ve testleri kolaylaştırmak üzere bu kitaplıkları kullanın.
ESLint eklentisi
Kodunuzu analiz etmek için özel ESLint kuralları kullanın.
npm i -D eslint-plugin-googlemaps
Node.js Kitaplıkları
Node.js istemci kitaplığı
Cloud Functions veya sunucu tarafı kodundan çağrı yapmak için Node.js istemci kitaplığı.
npm i @googlemaps/google-maps-services-js
Çoklu çizgi kodlaması
Node.js'de çoklu çizgileri kodlama ve kod çözme.
npm i @googlemaps/polyline-codec
