Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/haoliangyu/ngx-mapboxgl-starter

A recipe of Angular and MapboxGL
https://github.com/haoliangyu/ngx-mapboxgl-starter

angular2 mapbox-gl-js starter

Last synced: about 2 months ago
JSON representation

A recipe of Angular and MapboxGL

Awesome Lists containing this project

README

        

# ngx-mapboxgl-starter

**Looking for maintainer!**

A minimal project seed of Angular, Webpack, and MapboxGL.

**Features**

- [x] Geocoding and reverse Geocoding via Google geocoding API
- [x] Add popup with mouse click on the map
- [x] Pan to geocoding result
- [x] Webpack 2

See [**live demo**](https://haoliangyu.github.io/ngx-mapboxgl-starter/).

Working with [Angular 4.0](https://angular.io/)!

## How to set up

This project requires [npm](https://www.npmjs.com/) (or [yarn](https://yarnpkg.com/)) and [webpack](http://webpack.github.io/docs/installation.html).

1. Run `npm install` or `yarn install` to install all dependencies.

2. Run `webpack` to build the project.

3. As a more convinient way, install and run the [webpack-dev-server](http://webpack.github.io/docs/installation.html) to set up the app at `http://localhost:8080`

## Looking for other demos?

* [ngx-leaflet-starter](https://github.com/haoliangyu/ngx-leaflet-starter) is an Angular 2 project seed with [Leaflet](http://leafletjs.com/), the most popular Javascript mapping library.

* [boundary.now](https://github.com/haoliangyu/boundary.now), a tool to download place boundries from OpenStreetMap, built with Angular2, [Material2](https://github.com/angular/material2) and Leaflet.