All Projects → btpschroeder → leaflet-webpack

btpschroeder / leaflet-webpack

Licence: other
Minimal boilerplate to use Leaflet with webpack

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to leaflet-webpack

leaflet-velocity
Visualise velocity data on a leaflet layer
Stars: ✭ 467 (+1845.83%)
Mutual labels:  leaflet
nagmapReborn
Nagmap Reborn - Standalone integration with some server monitoring systems providing a user-friendly interface through geographic visualization.
Stars: ✭ 19 (-20.83%)
Mutual labels:  leaflet
antaresViz
ANTARES Visualizations
Stars: ✭ 19 (-20.83%)
Mutual labels:  leaflet
Leaflet Cluster Example
🗺 Example of using the clustering plugin with Leaflet
Stars: ✭ 26 (+8.33%)
Mutual labels:  leaflet
leaflet-layerJSON
Build dynamic JSON Layer via Ajax/JSONP with caching
Stars: ✭ 82 (+241.67%)
Mutual labels:  leaflet
Leaflet.streetlabels
Display the street labels following polylines for Leaflet
Stars: ✭ 58 (+141.67%)
Mutual labels:  leaflet
leaflet.migrationLayer
Migration data visualization on map
Stars: ✭ 125 (+420.83%)
Mutual labels:  leaflet
esri-leaflet-vector
Display ArcGIS Online vector basemaps w/ Esri Leaflet
Stars: ✭ 39 (+62.5%)
Mutual labels:  leaflet
Leaflet.TileLayer.Fallback
Replaces missing Tiles by scaled lower zoom Tiles
Stars: ✭ 29 (+20.83%)
Mutual labels:  leaflet
databases-w-r
Databases with R, the latest - rstudio::conf2019
Stars: ✭ 33 (+37.5%)
Mutual labels:  leaflet
leaflet-defaulticon-compatibility
Retrieve all Leaflet Default Icon options from CSS, in particular all icon images URL's, to improve compatibility with bundlers and frameworks that modify URL's in CSS.
Stars: ✭ 71 (+195.83%)
Mutual labels:  leaflet
react-leaflet-bing
Bing layer as React component for Leaflet | This repo is obsolete. Plz, use https://github.com/TA-Geoforce/react-leaflet-bing
Stars: ✭ 13 (-45.83%)
Mutual labels:  leaflet
leaflet-opencage-search
A Leaflet geocoding control that uses the OpenCage geocoding API
Stars: ✭ 18 (-25%)
Mutual labels:  leaflet
objmap
Breath of the Wild object map
Stars: ✭ 61 (+154.17%)
Mutual labels:  leaflet
enmodal
transit planning & analysis in your browser
Stars: ✭ 38 (+58.33%)
Mutual labels:  leaflet
rainviewer-api-example
How to use RainViewer API: simple HTML + JS code which render an animated weather radar overlay on the map
Stars: ✭ 56 (+133.33%)
Mutual labels:  leaflet
GeoNature
Application de saisie et de synthèse des observations faune et flore
Stars: ✭ 81 (+237.5%)
Mutual labels:  leaflet
leaflet-labeled-circle
Special type of SVG marker with a label inside and draggable around the anchor point
Stars: ✭ 35 (+45.83%)
Mutual labels:  leaflet
dtp-stat-archive
Карта ДТП v1.0. 👉 База знаний о проекте: https://github.com/dtpstat/dtp-project/wiki
Stars: ✭ 142 (+491.67%)
Mutual labels:  leaflet
react-native-leaflet
A LeafletView component using WebView and Leaflet map for React Native applications
Stars: ✭ 53 (+120.83%)
Mutual labels:  leaflet

leaflet-webpack

This repository contains code illustrating how to use Leaflet with webpack.

Instructions

To see the code in action, clone or download the repository. Navigate to the directory in your terminal of choice and run npm install.

After npm installs all of the dependencies, type npm run build to bundle all of the assets with webpack.

You can then open dist/index.html in your browser. This should show a basic Leaflet map with a point on the Lincoln Memorial in Washington, D.C. Viewing the page source confirms that all assets are coming from one bundle.js file.

Usage

This webpack configuration is as bare-bones as possible to work with Leaflet. If you are going to use it for development, I recommend a basic understanding of webpack.

You will probably want to update the webpack config to include a transpiler, dist folder clean-up, webpack-dev-server, etc.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].