Installations

npm install maplibre-gl-js-amplify

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

16.20.2

NPM Version

8.13.2 Pull Requests

Open

0

Total

240

Closed

19

Merged

221

Issues

Open

7

Total

24

Closed

17

Releases

85

v4.0.1-unstable.2

Updated on Jan 17, 2025

v4.0.2

Updated on Dec 05, 2024

v3.0.0-next-geo.1

Updated on Dec 05, 2024

v3.0.0-unstable.16

Updated on Sep 03, 2024

v4.0.1

Updated on Aug 20, 2024

v3.0.0-unstable.15

Updated on Aug 20, 2024

View All 85 releases

Languages

4

TypeScript

CSS

JavaScript

Shell

TypeScript (92.65%)

CSS (5.65%)

JavaScript (1.61%)

Shell (0.08%)

Developer

aws-amplify

Download Statistics

Total Downloads

0

Last Day

0

Last Week

0

Last Month

0

Last Year

0

GitHub Statistics

Apache-2.0 License

13 Stars

296 Commits

10 Forks

44 Watchers

33 Branches

89 Contributors

Updated on Mar 26, 2025

Maintainers

11

View All 89 Contributors

Package Meta Information

Latest Version

4.0.2

Package Id

maplibre-gl-js-amplify@4.0.2

Unpacked Size

445.80 kB

Size

84.09 kB

File Count

87

NPM Version

8.13.2

Node Version

16.20.2

Published on

Dec 05, 2024

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

0%

NaN

Compared to previous day

Last Week

0%

NaN

Compared to previous week

Last Month

0%

NaN

Compared to previous month

Last Year

0%

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

10

@mapbox/mapbox-gl-draw @maplibre/maplibre-gl-geocoder @turf/along @turf/circle @turf/distance @turf/helpers @turf/length @turf/line-slice debounce maplibre-gl-draw-circle

Peer Dependencies

3

@aws-amplify/geo aws-amplify maplibre-gl

Dev Dependencies

34

Maplibre GL JS Amplify

A plugin for maplibre-gl-js for integration with Amplify Geo.

Reporting Bugs/Feature Requests

Usage

1yarn add maplibre-gl-js-amplify

Using AmplifyMapLibreRequest to Display a Map

1import { createMap } from "maplibre-gl-js-amplify";
2import { Amplify } from "aws-amplify";
3import awsconfig from './aws-exports';
4
5Amplify.configure(awsconfig);
6...
7  const map = await createMap({
8        container: "map", // An HTML Element or HTML element ID to render the map in https://maplibre.org/maplibre-gl-js-docs/api/map/
9        center: [-123.1187, 49.2819],
10        zoom: 11,
11        region: "us-west-2"
12  })

Using AmplifyGeocoderAPI with maplibre-gl-geocoder

1import { Amplify } from "aws-amplify";
2import { AmplifyGeocoderAPI } from "maplibre-gl-js-amplify";
3import awsconfig from './aws-exports';
4import maplibregl from "maplibre-gl";
5import MaplibreGeocoder from "@maplibre/maplibre-gl-geocoder";
6import "@maplibre/maplibre-gl-geocoder/dist/maplibre-gl-geocoder.css";
7
8Amplify.configure(awsconfig);
9...
10  const geocoder = createAmplifyGeocoder();
11  map.addControl(geocoder);

Using Custom Icon with drawPoints

1import spiderManIcon from "./spiderman.svg"
2...
3const icon = new Image(100, 100);
4icon.src = spiderManIcon;
5
6map.on("load", function () {
7  drawPoints(
8    'mySourceName',
9    [
10      {
11        coordinates: [-122.477, 37.8105],
12      },
13    ],
14    map,
15    {
16      unclusteredOptions: {
17        markerImageElement: icon,
18      }
19    }
20  );
21});

Deeper dive

API Documentation

See API.md for complete reference.

Examples

See FIXME.

Contributing

See CONTRIBUTING.md.

No vulnerabilities found.

10

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

10

License

Determines if the project has defined a license.

10

Security-Policy

Determines if the project has published a security policy.

10

SAST

Determines if the project uses static code analysis.

5

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Fuzzing

Determines if the project uses fuzzing.

Score

6.4

/10

Last Scanned on 2025-07-07

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More