Maps JavaScript API için ek özellikler sunan birçok açık kaynak kitaplığı mevcuttur. Bu kitaplıklar GitHub'da sürümlendirilir ve npm'de yayınlanır.
Web Bileşenleri
Web sitelerinize hızlıca harita işlevi eklemek için Maps JavaScript API Web Bileşenleri'ni kullanın. Web bileşenleri, standart kodları, en iyi uygulamaları ve duyarlı tasarımı kapsar. Böylece 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 oluşturmasına, daha hızlı ve daha az çabayla 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ı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. Ek bilgi için TypeScript kullanma kılavuzuna göz atın.
TypeScript koruyucuları
Birleştirme türlerini daraltmak için TypeScript koruyucuları.
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 açıklayıcı bir şekilde yüklemek için kullanılan 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ı
Büyük miktarda işaretçi için yakınlaştırma düzeyi başına kümeler oluşturur ve yönetir.
npm i @googlemaps/markerclusterer
İşaretçi yöneticisi
Harita görüntü alanının değişikliklerine göre işaretçiler ekler ve kaldırır.
npm i @googlemaps/markermanager
Web harita hizmeti (WMS)
Haritaya Web Harita Hizmeti (WMS) gibi Open Geospatial Consortium (OGC) katmanları ekleyin.
npm i @googlemaps/ogc
Three.js yer paylaşımları
Yüksek performanslı görselleştirmeler için WebGL ve ThreeJS'i 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 linting
En iyi uygulamalardan yararlanmak ve Maps JavaScript API'yi test etmeyi kolaylaştırmak için bu kitaplıkları kullanın.
ESLint eklentisi
Kodunuzu kontrol 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ı koddan ç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 kodlarını çözme.
npm i @googlemaps/polyline-codec
