Có nhiều thư viện nguồn mở để cung cấp thêm các tính năng cho API JavaScript của Maps. Các thư viện này được tạo phiên bản trên GitHub và phát hành lên npm.
Thành phần web
Sử dụng Thành phần web của API JavaScript Maps để nhanh chóng thêm chức năng của bản đồ vào các trang web của bạn. Thành phần web đóng gói mã nguyên mẫu, các phương pháp hay nhất và thiết kế thích ứng, giảm giao diện người dùng bản đồ phức tạp thành một phần tử HTML có hiệu quả.
Thư viện thành phần mở rộng (Beta)
Thư viện thành phần mở rộng của Nền tảng Google Maps là một bộ Thành phần web giúp nhà phát triển xây dựng bản đồ tốt hơn nhanh hơn và tốn ít công sức hơn.
npm i @googlemaps/extended-component-library
Tải API
Các ứng dụng web hiện đại có thể hưởng lợi từ việc sử dụng các thư viện sau để tải Maps JavaScript API.
Trình tải API JS
Tải động API Maps JavaScript bằng Promise.
npm i @googlemaps/js-api-loader
Sử dụng TypeScript
Người dùng TypeScript có thể bắt đầu với các gói sau. Hãy xem hướng dẫn sử dụng TypeScript để biết thêm thông tin.
Loại TypeScript
Các loại TypeScript cho API Maps JavaScript
npm i -D @types/google.maps
Thành phần bảo vệ TypeScript
TypeScript bảo vệ các loại liên kết hẹp.
npm i -D @googlemaps/typescript-guards
Sử dụng React
Người dùng React có thể bắt đầu bằng các gói sau.
Trình bao bọc phản ứng
Một thành phần trình bao bọc để tải theo cách khai báo API JavaScript của Maps.
npm i @googlemaps/react-wrapper
Thành phần phản ứng (Alpha)
Các thành phần và hook để tích hợp Maps JavaScript API vào các ứng dụng React.
npm i -D @vis.gl/react-google-maps
Mở rộng điểm đánh dấu và lớp phủ
Các thư viện sau đây mở rộng các lớp như Marker và OverlayView.
Phân cụm điểm đánh dấu
Tạo và quản lý các cụm cho mỗi mức thu phóng cho số lượng lớn điểm đánh dấu.
npm i @googlemaps/markerclusterer
Trình quản lý điểm đánh dấu
Thêm và xoá điểm đánh dấu dựa trên các thay đổi của khung nhìn bản đồ.
npm i @googlemaps/markermanager
Dịch vụ bản đồ web (WMS)
Thêm các lớp Open Geospatial Consortium (OGC) như Dịch vụ bản đồ web (WMS) vào bản đồ.
npm i @googlemaps/ogc
Nhãn đánh dấu
Thêm nhãn HTML tuỳ chỉnh vào điểm đánh dấu.
npm i @googlemaps/markerwithlabel
Lớp phủ 3.js
Sử dụng WebGL và ThreeJS để trực quan hóa hiệu suất cao.
npm i @googlemaps/three
Lớp phủ Deck.gl
Sử dụng Deck.gl làm lớp phủ tuỳ chỉnh trên Google Maps.
npm i @deck.gl/google-maps
Kiểm thử và tìm lỗi mã nguồn
Sử dụng các thư viện này để đảm bảo các phương pháp hay nhất và giúp việc kiểm thử dễ dàng hơn cho API Maps JavaScript.
Trình bổ trợ ESLint
Sử dụng các quy tắc ESLint tuỳ chỉnh để tìm lỗi mã nguồn cho mã của bạn.
npm i -D eslint-plugin-googlemaps
Trò đùa giỡn mặt
Các phiên bản mô phỏng để sử dụng với thư viện kiểm thử Jest.
npm i -D @googlemaps/jest-mocks
Thư viện Node.js
Thư viện ứng dụng Node.js
Thư viện ứng dụng Node.js để thực hiện lệnh gọi từ các hàm trên đám mây hoặc mã phía máy chủ.
npm i @googlemaps/google-maps-services-js
Mã hoá hình nhiều đường
Mã hoá và giải mã hình nhiều dòng trong Node.js.
npm i @googlemaps/polyline-codec
Ký URL
Ký URL trong Node.js để tăng cường bảo mật.
npm i @googlemaps/url-signature