wc-map
TypeScript icon, indicating that this package has built-in type declarations

1.1.7 • Public • Published

wc-map

Light and easy-to-use Web Component for Google Maps

npm version JavaScript Style Guide MIT license

Demo CLI

Installation

$ npm install wc-map

Usage

JS
const WCMap = require('wc-map');
 
// Enter API key
WCMap('AIzaSyChANyXQKGAi3RRnf0aJ_ZWbstMTgsSV4A');
HTML
<x-map lat="48.8606" lng="2.3376" zoom="4"></x-map>

API

WCMap(apiKey, {options}?)

WCMap('AIzaSyChANyXQKGAi3RRnf0aJ_ZWbstMTgsSV4A', {
  version: '3.37',
  language: 'fr'
});

apiKey (required)

Type: string

Api key for Google Maps authentification.

Options

Type: object

version

Type: string | number
Default: weekly
Values: weekly | quarterly | Version number specified as n.nn

Version of the API.

Language

Type: string
Values: en | fr | zh | etc...

Change the default language settings.

By default, the Maps JavaScript API uses the user's preferred language setting as specified in the browser, when displaying textual information such as the names for controls, copyright notices, driving directions and labels on maps.

-- Google Maps JavaScript API

List of supported languages

<x-map[attributes]>

None of the following attributes are required.
An empty <x-map> tag will point directly to the magnificient Sydney Opera House ✨

lat

Type: number
Default: -33.8567844

lng

Type:number
Default: 151.213108

zoom

Type: number
Default: 8

Default inline style

width: 100%;
min-height: 400px;
display: block;

These styles can be overridden by using the x-map CSS selector.

Related

Support

See current support for Custom Elements.
(89.78% as of February 6, 2020)

License

MIT

Package Sidebar

Install

npm i wc-map

Weekly Downloads

8

Version

1.1.7

License

MIT

Unpacked Size

8.04 kB

Total Files

5

Last publish

Collaborators

  • veronq