Nhiều thư viện nguồn mở được cung cấp để mang đến các chức năng bổ sung cho Maps JavaScript API. Các thư viện này được quản lý phiên bản trên GitHub và được xuất bản lên npm.
Thành phần web
Sử dụng Thành phần web của Maps JavaScript API để nhanh chóng thêm chức năng bản đồ vào 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ế đáp ứng, giúp giảm giao diện người dùng bản đồ phức tạp thành một phần tử HTML duy nhất.
Thư viện thành phần mở rộng (Thử nghiệm)
Google Maps Platform Extended Component Library là một bộ Web Components giúp nhà phát triển xây dựng bản đồ tốt hơn một cách nhanh chóng và không tốn nhiều công sức.
npm i @googlemaps/extended-component-library
Đang 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 JS API
Tải Maps JavaScript API một cách linh động bằng Lời hứa.
npm i @googlemaps/js-api-loader
Sử dụng TypeScript
Người dùng TypeScript có thể bắt đầu bằng các gói sau. Hãy xem hướng dẫn sử dụng TypeScript để biết thêm thông tin.
Thiết bị bảo vệ TypeScript
Các guard TypeScript để thu hẹp các loại union.
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.
Thư viện React Google Maps
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
Trình bao bọc React
Một thành phần trình bao bọc để tải Maps JavaScript API theo cách khai báo.
npm i @googlemaps/react-wrapper
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 theo 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 về khung nhìn bản đồ.
npm i @googlemaps/markermanager
Dịch vụ ánh xạ 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
Lớp phủ Three.js
Sử dụng WebGL và ThreeJS để có hình ảnh trực quan hiệu suất cao.
npm i @googlemaps/three
Lớp phủ Deck.gl
Sử dụng Deck.gl làm lớp phủ bản đồ tuỳ chỉnh trên Google Maps.
npm i @deck.gl/google-maps
Kiểm thử và kiểm tra
Hãy dùng các thư viện này để đảm bảo các phương pháp hay nhất và giúp bạn dễ dàng kiểm thử Maps JavaScript API.
Trình bổ trợ ESLint
Sử dụng các quy tắc ESLint tuỳ chỉnh để kiểm tra mã của bạn.
npm i -D eslint-plugin-googlemaps
Mô phỏng Jest
Các đối tượng 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ừ Cloud Functions hoặc mã phía máy chủ.
npm i @googlemaps/google-maps-services-js
Mã hoá đường nhiều đoạn
Mã hoá và giải mã đường nhiều đoạn trong Node.js.
npm i @googlemaps/polyline-codec
