Nhiều thư viện nguồn mở có sẵn để cung cấp thêm khả năng cho API JavaScript cho Maps. Các thư viện này được tạo phiên bản trên GitHub và phát hành trên npm.
Thành phần web
Sử dụng Thành phần web 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ế thích ứ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 hiệu quả.
Thư viện thành phần mở rộng (Beta)
Thành phần mở rộng của Nền tảng Google Maps Thư viện là một bộ Thành phần web giúp nhà phát triển xây dựng bản đồ chính xác 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 API JavaScript cho Maps.
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.
Bộ bảo vệ TypeScript
TypeScript bảo vệ để thu hẹp các loại liên kết.
npm i -D @googlemaps/typescript-guards
Sử dụng React
Người dùng React có thể bắt đầu với các gói sau.
Thư viện Google Maps React
Các thành phần và trình nối để 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
Thành phần trình bao bọc để tuyên bố tải Maps JavaScript API.
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.
Trình phân cụm điểm đánh dấu
Tạo và quản lý các cụm theo cấp độ thu phóng cho một 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ụ 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
Kiểm thử và tìm lỗi mã nguồn
Hãy 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 API JavaScript của Maps thử nghiệm dễ dàng hơn.
Trình bổ trợ ESLint
Sử dụng các quy tắc ESLint tuỳ chỉnh để tìm lỗi mã nguồn.
npm i -D eslint-plugin-googlemaps
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
