# Plugins

Leaflet plugins can easily work with Vue2Leaflet, if you want to use one I would recommend to look at the awesome work made by the community in the list below.

# vue-choropleth (opens new window)

Native Vue2Leaflet plugin for creating choropleth maps.

Vue components to display a choropleth map given a certain GeoJSON and another datasource to show information from.

# vue2-leaflet-axesgrid (opens new window)

Wrapper for AxesGrid (opens new window).

Add axis lines and grids for grid layers and tiles based on point coordinates.

# vue2-leaflet-editablecirclemarker (opens new window)

Wrapper for leaflet-editablecirclemarker (opens new window).

Leaflet layer that contains a marker and a circle together.

# vue2-leaflet-fullscreen (opens new window)

Wrapper for Leaflet.fullscreen (opens new window).

Add a control to allow the user to switch the map in and out of full-screen mode.

# vue2-leaflet-geosearch (opens new window)

Wrapper for GeoSearch (opens new window).

Add support for geocoding (address lookup, a.k.a. geoseaching). Comes with support for Bing, ESRI, Google, OpenStreetMap, LocationIQ, and OpenCage out of the box.

# vue2-leaflet-googlemutant (opens new window)

Wrapper for GoogleMutant (opens new window).

Use Google Maps as base layers.

# vue2-leaflet-gpx (opens new window)

Wrapper for leaflet-gpx (opens new window).

Allow for the analysis and parsing of a GPX track in order to display it as a map layer.

# vue2-leaflet-hotline (opens new window)

Wrapper for hotline (opens new window).

Draw coloured lines gradients along polylines. This is useful for visualising values along a course, for example: elevation, velocity, or heart rate.

# vue2-leaflet-locatecontrol (opens new window)

Wrapper for Leaflet.Locate (opens new window).

Get the geolocation of the user.

# vue2-leaflet-markercluster (opens new window)

Wrapper for MarkerCluster (opens new window).

Animated marker clustering functionality.

# vue2-leaflet-movingmarker (opens new window)

Wrapper for Leaflet.Marker.SlideTo (opens new window).

Smoothly move (slide) markers to new locations.

# vue2-leaflet-path-transform (opens new window)

Wrapper for Leaflet.Path.Transform (opens new window).

Drag/rotate/resize handler for vector features.

# vue2-leaflet-polygonfillpattern (opens new window)

Wrapper for leaflet-polygon-fillPattern (opens new window).

Fill polygon SVG path elements with image patterns.

# vue2-leaflet-polyline-measure (opens new window)

Wrapper for Leaflet.PolylineMeasure (opens new window).

Allow the user to interactively measure distances on the map.

# vue2-leaflet-polylinedecorator (opens new window)

Wrapper for PolylineDecorator (opens new window).

Define patterns such as dashes, arrows, icons, etc. on polylines.

# vue2-leaflet-polylineoffset (opens new window)

Wrapper for PolylineOffset (opens new window)

Draw polylines with a pixel offset.

# vue2-leaflet-rotatedmarker (opens new window)

Wrapper for RotatedMarker (opens new window).

Enable rotation of marker icons.

# vue2-leaflet-tracksymbol (opens new window)

Wrapper for TrackSymbol (opens new window).

A rotatable symbol showing tracks with speed, course and heading.

# vue2-leaflet-vectorgrid (opens new window)

Wrapper for VectorGrid (opens new window).

Display gridded vector data (sliced GeoJSON or protobuf vector tiles).

# vue-leaflet-minimap (opens new window)

Wrapper for Leaflet-MiniMap (opens new window).

Show a small overview map in the corner of the main map.

# vue-leaflet-semicircle (opens new window)

Wrapper for Leaflet-Semicircle (opens new window).

Allows drawing semicircles on leaflet maps.

# vue2-leaflet-freedraw (opens new window)

Wrapper for FreeDraw (opens new window)

Allows drawing shapes on the map and retrieve those shapes as a list of polygons.

# vue2-leaflet-ruler (opens new window)

Wrapper for Leaflet-Ruler (opens new window)

Allows measuring distance and angle on the map.