Maps JavaScript API için ek özellikler sunmak üzere birçok açık kaynak kitaplık mevcuttur. Bu kitaplıkların sürümü GitHub'da bulunur ve npm'de yayınlanır.
Web Bileşenleri
Web sitelerinize hızlı bir şekilde harita işlevi eklemek için Haritalar JavaScript API'si Web Bileşenleri'ni kullanın. Web Bileşenleri, standart kodu, en iyi uygulamaları ve duyarlı tasarımı kapsülleyerek karmaşık harita kullanıcı arayüzlerini etkili şekilde tek bir HTML öğesine dönüştürür.
Genişletilmiş Bileşen Kitaplığı (Beta)
Google Haritalar Platformu Genişletilmiş Bileşen Kitaplığı, geliştiricilerin daha hızlı ve daha az çabayla daha iyi haritaları oluşturmalarına yardımcı olan bir Web Bileşenleri kümesidir.
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ükleyicisi
Promises 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 TypeScript'i kullanma kılavuzuna göz atın.
TypeScript türleri
Maps JavaScript API için TypeScript türleri
npm i -D @types/google.maps
TypeScript korumaları
TypeScript, birleştirme türlerini daraltmak için koruma sağlar.
npm i -D @googlemaps/typescript-guards
React'ı 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 kullanılan 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 kullanılan sarmalayıcı bileşeni.
npm i @googlemaps/react-wrapper
İşaretçileri ve yer paylaşımlarını uzatma
Aşağıdaki kitaplıklar, Marker ve OverlayView gibi sınıfları genişletir.
İşaretçi kümeleyici
Büyük miktarlarda işaretçi için yakınlaştırma düzeyinde kümeler oluşturur ve yönetir.
npm i @googlemaps/markerclusterer
İşaretçi yöneticisi
Harita görünümü değişikliklerine göre işaretçiler ekler ve kaldırır.
npm i @googlemaps/markermanager
Web haritası hizmeti (WMS)
Haritaya Web Haritalama Hizmeti (WMS) gibi Open Geospatial Consortium (OGC) katmanları ekleme.
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 kullanın.
npm i @googlemaps/three
Deck.gl yer paylaşımları
Özel bir Google Haritalar yer paylaşımı olarak Deck.gl'yi kullanın.
npm i @deck.gl/google-maps
Test ve hata analizi
En iyi uygulamalardan yararlanmak ve Maps JavaScript API'nin testini kolaylaştırmak için bu kitaplıkları kullanın.
ESLint eklentisi
Kodunuzu lintlemek için özel ESLint kurallarını kullanın.
npm i -D eslint-plugin-googlemaps
Jest ile dalga geçen
Jest test kitaplığıyla kullanılacak modeller.
npm i -D @googlemaps/jest-mocks
Node.js Kitaplıkları
Node.js istemci kitaplığı
Bulut işlevlerinden 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 kodu çözme.
npm i @googlemaps/polyline-codec
URL imzalama
Ek güvenlik için URL'leri Node.js'de imzalayın.
npm i @googlemaps/url-signature