Açık kaynak kitaplıkları

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 harita işlevlerini hızlıca 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 türleri

Maps JavaScript API için TypeScript türleri

npm i -D @types/google.maps

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)

Web Harita Hizmeti (WMS) gibi Open Geospatial Consortium (OGC) katmanlarını haritaya 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'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

Jest taklitleri

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

npm i -D @googlemaps/jest-mocks

Node.js Kitaplıkları

Not: Aşağıdaki kitaplıklar tarayıcı ortamlarında çalışmaz ve Node.js ile sunucu ortamları için uygulanır.

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

Ek güvenlik için Node.js'de URL'leri imzalama.

npm i @googlemaps/url-signature