Thư viện nguồn mở

Có nhiều thư viện nguồn mở để cung cấp các chức năng bổ sung cho API Maps JavaScript. 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ư viện thành phần mở rộng của Google Maps Platform là một tập hợp các Thành phần web giúp nhà phát triển tạo bản đồ tốt hơn nhanh hơn và ít tốn 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.

Trình tải API JS

Tải động API Maps JavaScript 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 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

Loại TypeScript cho Maps JavaScript API

npm i -D @types/google.maps

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 phản ứng

Một 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 của Tổ chức hợp tác mở về không gian địa lý (OGC) như Dịch vụ bản đồ web (WMS) vào bản đồ.

npm i @googlemaps/ogc

Nhãn điểm đá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ủ Three.js

Sử dụng WebGL và ThreeJS để tạo hình ảnh trực quan có 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

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 việc kiểm thử API Maps JavaScript trở nên 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

Trình mô phỏng Jest

Nội dung 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

Lưu ý: Các thư viện sau không hoạt động trong môi trường trình duyệt và được triển khai cho Node.js và môi trường máy chủ.

Thư viện ứng dụng Node.js

Thư viện ứng dụng Node.js để thực hiện các 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ã đa tuyến 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