Uygulamalara ek özellikler sağlamak için birçok açık kaynak kitaplık mevcuttur: Maps JavaScript API. Bu kitaplıkların sürümü GitHub'da yayınladı ve npm.
Web Bileşenleri
Haritalar JavaScript API'sini Web kullanın Haritaları hızlıca eklemenizi sağlayan bileşenler işlevleridir. Web Bileşenleri, ortak kullanım metin kodunu, en iyi uygulamaları ve duyarlı tasarımı, karmaşık harita kullanıcı arayüzlerini etkili bir şekilde tek bir HTML öğesidir.
Genişletilmiş Bileşen Kitaplığı (Beta)
Google Haritalar Platformu Genişletilmiş Bileşeni Kitaplık, geliştiricilerin daha iyi haritalar geliştirmelerine yardımcı olan Web Bileşenleri kümesidir daha hızlı ve daha az çabayla.
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