Uygulamalara ek özellikler sağlamak için birçok açık kaynak kitaplık mevcuttur: Maps JavaScript API. Bu kitaplıklar GitHub'da sürümlendirilir ve npm'de yayınlanır.
Web Bileşenleri
Haritalar JavaScript API'sini Web kullanın Haritaları hızlıca eklemenizi sağlayan bileşenler işlevleridir. 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.
Tepki 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
Tepki 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ında yapılan değişikliklere göre işaretçi ekler ve kaldırır.
npm i @googlemaps/markermanager
Web harita hizmeti (WMS)
Web Harita Hizmeti (WMS) gibi Open Geospatial Consortium (OGC) katmanlarını haritaya ekleme
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
Kodunuzda hata analizi yapmak için özel ESLint kurallarını 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
URL imzalama
Daha fazla güvenlik için URL'leri Node.js'de imzalayın.
npm i @googlemaps/url-signature
