Açık kaynak kitaplıkları

Maps JavaScript API'ye ek özellikler sağlamak için birçok açık kaynak kitaplık kullanılabilir. Bu kitaplıklar GitHub'da sürüm oluşturulur 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 kodu, en iyi uygulamaları ve duyarlı tasarımı kapsar. Böylece karmaşık harita kullanıcı arayüzleri, tek bir HTML öğesi haline gelir.

Google Haritalar Platformu Genişletilmiş Bileşen Kitaplığı, geliştiricilerin daha kısa sürede ve daha az çabayla daha iyi haritalar oluşturması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.

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 paketlerle başlayabilir. Ek bilgi için TypeScript kullanma kılavuzunu inceleyin.

Maps JavaScript API için TypeScript türleri

npm i -D @types/google.maps

Birleşim türlerini daraltmak için TypeScript korumaları.

npm i -D @googlemaps/typescript-guards

React'i kullanma

React kullanıcıları aşağıdaki paketlerle başlayabilir.

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

Maps JavaScript API'yi bildirimsel olarak 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.

Çok sayıda işaretçi için her yakınlaştırma düzeyinde kümeler oluşturur ve bunları yönetir.

npm i @googlemaps/markerclusterer

Harita görüntü alanı değişikliklerine göre işaretçi ekler ve kaldırır.

npm i @googlemaps/markermanager

Web Harita Hizmeti (WMS) gibi Open Geospatial Consortium (OGC) katmanlarını haritaya ekleyin.

npm i @googlemaps/ogc

İşaretçilere özel HTML etiketleri ekleyin.

npm i @googlemaps/markerwithlabel

Yüksek performanslı görselleştirmeler için WebGL ve ThreeJS'yi kullanın.

npm i @googlemaps/three

Deck.gl'yi özel bir Google Haritalar yerleşimi olarak kullanma

npm i @deck.gl/google-maps

Test etme ve linting

En iyi uygulamaları sağlamak ve Maps JavaScript API'nin test edilmesini kolaylaştırmak için bu kitaplıkları kullanın.

Kodunuzda hata ayıklamak için özel ESLint kurallarını kullanın.

npm i -D eslint-plugin-googlemaps

Jest test kitaplığıyla kullanılacak sahte veriler.

npm i -D @googlemaps/jest-mocks

Node.js kitaplıkları

Bulut işlevlerinden veya sunucu tarafı kodundan arama yapmak için Node.js istemci kitaplığı.

npm i @googlemaps/google-maps-services-js

Node.js'de çoklu çizgileri kodlama ve kod çözme.

npm i @googlemaps/polyline-codec

Ek güvenlik için Node.js'de URL'leri imzalayın.

npm i @googlemaps/url-signature