Maps JavaScript API'ye ek özellikler sağlayan 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şenleri'ni 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 az çabayla daha hızlı ve daha iyi haritalar oluşturmasına yardımcı olan bir web bileşenleri grubudur.
npm i @googlemaps/extended-component-library
API yükleniyor
Modern web uygulamaları, Maps JavaScript API'yi yüklemek için aşağıdaki kitaplıklardan yararlanabilir.
JS API yükleyici
Maps JavaScript API'yi Promise'ler ile dinamik olarak yükleme
npm i @googlemaps/js-api-loader
TypeScript 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ı
TypeScript korumaları, birleşim türlerini daraltır.
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ısı
Maps JavaScript API'yi bildirimli olarak yüklemek için 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 yakınlaştırma seviyesine göre kümeler oluşturur ve yönetir.
npm i @googlemaps/markerclusterer
İşaretçi 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)
Haritaya Web Harita Hizmeti (WMS) gibi Open Geospatial Consortium (OGC) katmanları ekleme
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'i özel bir Google Haritalar yerleşimi olarak kullanma
npm i @deck.gl/google-maps
Test 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 lint etmek için özel ESLint kuralları kullanın.
npm i -D eslint-plugin-googlemaps
Node.js kitaplıkları
Node.js istemci kitaplığı
Cloud Functions işlevlerinden 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 kodunu çözme
npm i @googlemaps/polyline-codec
