qa-map-gl is a lightweight framework for building interactive maps with web components and Polymer. The framework includes a base mapping component (<qa-map-gl>) that can be used with many different subcomponents to solve common mapping UI problems, like plotting geographic data.
Below is a simple example with little configuration that will display a map centered on Tokyo, Japan:
- node.js
- npm
- bower
- webcomponents-lite.js polyfill
Node, npm and bower are necessary to install the component and dependencies. webcomponents.js adds support for web components and custom elements to your application.
From the component's directory...
$ npm install
$ bower install
$ gulp sass
From the component's directory, to start a local server run:
$ gulp serve
Navigate to the root of that server (e.g. http://localhost:8080/) in a browser to open the API documentation page, with link to the "Demo" / working examples.