https://github.com/explooosion/webpack4-boilerplate-leaflet

Webpack 4 boilerplate for leaflet projects without front-end framework.
https://github.com/explooosion/webpack4-boilerplate-leaflet

boilerplate leaflet map marker-clustering webpack4

Last synced: 2 months ago
JSON representation

Webpack 4 boilerplate for leaflet projects without front-end framework.

• Host: GitHub
• URL: https://github.com/explooosion/webpack4-boilerplate-leaflet
• Owner: explooosion
• Created: 2018-12-07T16:40:52.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-12-11T11:10:03.000Z (over 6 years ago)
• Last Synced: 2025-01-24T22:11:22.022Z (4 months ago)
• Topics: boilerplate, leaflet, map, marker-clustering, webpack4
• Language: JavaScript
• Homepage: https://robby570.tw/webpack4-boilerplate-leaflet/
• Size: 2.54 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
[![forthebadge](https://forthebadge.com/images/badges/makes-people-smile.svg)](https://forthebadge.com)

[![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com)

[![forthebadge](https://forthebadge.com/images/badges/uses-css.svg)](https://forthebadge.com)

# Webpack4 Boilerplate Leaflet

Build the map with [Leaflet](https://leafletjs.com/)。

This repository build with Webpack4 and ES6, and showing the markers from「[臺中市公共自行車(iBike)租借站&即時車位資料](http://opendata.taichung.gov.tw/dataset/3b71843c-1a9f-11e8-8f43-00155d021202)」.

👉 Online Demo: [webpack4-boilerplate-leaflet/](https://robby570.tw/webpack4-boilerplate-leaflet/)

## Tech Stack

### Maps

- [Leaflet](https://github.com/consbio/Leaflet.Basemaps)

- [OpenStreetMap](https://www.openstreetmap.org/)

- [GoogleMap](https://gitlab.com/IvanSanchez/Leaflet.GridLayer.GoogleMutant) 

- [MapBox](https://www.mapbox.com/)

- [國土測繪圖資服務雲](https://maps.nlsc.gov.tw)

### Libs

- [Marker Clustering](https://github.com/Leaflet/Leaflet.markercluster) - [Leaflet.markercluster](https://github.com/Leaflet/Leaflet.markercluster)

## Installation

```sh

git clone https://github.com/explooosion/webpack4-boilerplate-leaflet.git

```

```sh

yarn # npm install

```

```sh

yarn start # npm start

```

## Note

[leaflet-es6-setting.md](https://gist.github.com/explooosion/08d2ae4031a8c00b53b621e89415e3e9)

## License

[MIT](http://opensource.org/licenses/MIT)