Skip to content

Converts a Google Maps styler array to a Google Static Maps styler URL query string.

License

Notifications You must be signed in to change notification settings

jaydenseric/google-static-maps-styler-query

Repository files navigation

google-static-maps-styler-query

Converts a Google Maps styler array to a Google Static Maps styler URL query string.

Installation

For Node.js, to install google-static-maps-styler-query with npm, run:

npm install google-static-maps-styler-query

For browsers, an example import map:

{
  "imports": {
    "google-static-maps-styler-query": "https://unpkg.com/google-static-maps-styler-query@6.0.0/googleStaticMapsStylerQuery.mjs"
  }
}

Then, import and use the function googleStaticMapsStylerQuery.

Examples

How to create a styled static map URL:

import googleStaticMapsStylerQuery from "google-static-maps-styler-query";

const styles = [{ elementType: "labels", stylers: [{ visibility: "off" }] }];
const stylerQuery = googleStaticMapsStylerQuery(styles);
const googleStaticMapSrc = `https://maps.googleapis.com/maps/api/staticmap?center=Australia&size=250x200${stylerQuery}`;

Requirements

Supported runtime environments:

Projects must configure TypeScript to use types from the ECMAScript modules that have a // @ts-check comment:

Exports

The npm package google-static-maps-styler-query features optimal JavaScript module design. These ECMAScript modules are exported via the package.json field exports:

About

Converts a Google Maps styler array to a Google Static Maps styler URL query string.

Topics

Resources

License

Stars

Watchers

Forks

Sponsor this project