Maps JavaScript API'ye ek özellikler sağlamak için birçok açık kaynak kitaplık mevcuttur. Bu kitaplıkların sürümü GitHub'da verilir ve kitaplıklar npm'de yayınlanır.
Web Bileşenleri
Web sitelerinize hızlı bir şekilde harita işlevleri eklemek için Haritalar JavaScript API Web Bileşenleri'ni kullanın. Web Bileşenleri ortak kodu, en iyi uygulamaları ve duyarlı tasarımı içerir ve karmaşık harita kullanıcı arayüzlerini etkili bir şekilde tek bir HTML öğesi olan öğelere dönüştürür.
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 daha iyi bir şekilde oluşturmasına yardımcı olan bir dizi Web Bileşeni'dir.
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ı kullanabilir.
JS API yükleyici
Vaatler ile Maps JavaScript API'yi dinamik olarak yükleyin.
npm i @googlemaps/js-api-loader
TypeScript'i Kullanma
TypeScript kullanıcıları aşağıdaki paketleri kullanmaya başlayabilir. Ek bilgi için using TypeScript kullanma kılavuzuna göz atın.
TypeScript türleri
Haritalar JavaScript API'si için TypeScript türleri
npm i -D @types/google.maps
TypeScript korumaları
Birleştirme 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.
Tepki Google Haritalar Kitaplığı
Maps JavaScript API'yi React uygulamalarına entegre etmeye yönelik bileşenler ve kancalar.
npm i -D @vis.gl/react-google-maps
Tepki sarmalayıcı
Maps JavaScript API'yi bildirimli olarak yüklemek için bir sarmalayıcı bileşeni.
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 kümesi
Çok sayıda işaretçi için yakınlaştırma düzeyinde kümeler oluşturur ve bunları yönetir.
npm i @googlemaps/markerclusterer
İşaretçi yöneticisi
Harita görüntü alanında yapılan değişikliklere göre işaretçi ekler ve kaldırır.
npm i @googlemaps/markermanager
Web harita hizmeti (WMS)
Bir haritaya Web Haritalama Hizmeti (WMS) gibi Open Geospatial Consortium (OGC) katmanları ekleyin.
npm i @googlemaps/ogc
İşaretçi etiketleri
İşaretçilere özel HTML etiketleri ekleyin.
npm i @googlemaps/markerwithlabel
Three.js yer paylaşımları
Yüksek performanslı görselleştirmeler için WebGL ve ThreeJS'yi kullanın.
npm i @googlemaps/three
Deck.gl yer paylaşımları
Deck.gl'yi özel bir Google Haritalar yer paylaşımı olarak kullanın.
npm i @deck.gl/google-maps
Test ve hata analizi
Maps JavaScript API için en iyi uygulamaları sağlamak ve testi kolaylaştırmak amacıyla bu kitaplıkları kullanın.
ESLint eklentisi
Kodunuzda hata analizi yapmak için özel ESLint kurallarını kullanın.
npm i -D eslint-plugin-googlemaps
Jest ile dalga dalga geçme
Jest test kitaplığıyla kullanılacak örnekler.
npm i -D @googlemaps/jest-mocks
Node.js Kitaplıkları
Node.js istemci kitaplığı
Cloud Functions veya sunucu tarafı kodlarından çağrı yapmak için kullanılan 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
URL imzalama
Daha fazla güvenlik için URL'leri Node.js'de imzalayın.
npm i @googlemaps/url-signature