27 Repositories
JavaScript leaflet-directive Libraries
a roadtrip planner web application.
Rally - Roadtrip Planner Rally Map is a comprehensive web application that helps you plan your dream road trip with ease. With Rally Map, you can crea
Simple location picker on Leaflet map
Leaflet Location Picker Simple location picker with Leaflet map Usage: labelInsert a Geo Location input id="geoloc" type="text" value="" / /lab
A vanilla-js module for adding zoom-on-wheel and pan-on-drag behavior to inline SVG elements.
svg-pan-zoom-container A vanilla-js module for adding zoom-on-wheel and pan-on-drag behavior to inline SVG elements. No need to write scripts. Just ma
Cross provider map drawing library, supporting Mapbox, Google Maps and Leaflet out the box
Terra Draw Frictionless map drawing across mapping providers. TerraDraw centralises map drawing logic and provides a host of out the box drawing modes
π Bread n butter utility for component-tied mouse/touch gestures in Svelte.
svelte-gesture svelte-gesture is a library that lets you bind richer mouse and touch events to any component or view. With the data you receive, it be
A basic Svelte tooltip directive.
SVooltip A basic Svelte tooltip directive. Powered by Floating UI. Usage script import { tooltip } from 'svooltip'; import 'svooltip/svooltip.css'
A modern study React component of leaflet draw for react-leaflet
React Leaflet Draft A modern study React component of leaflet draw for react-leaflet React component of leaflet-draw for react-leaflet Table of conten
A tiny, SSR-safe directive for binding random data to an element.
1οΈβ£ vue-bind-once A tiny, SSR-safe directive for binding random data to an element. A tiny, SSR-safe directive for binding random data to an element.
Angular Directive that implements the Fullscreen API.
πΊ @ultimate/ngx-fullscreen Angular Directive that implements the Fullscreen API. Installation Install via npm i @ultimate/ngx-fullscreen and register
Interactive map overlay for finding secrets hidden around the world of Lost Ark.
Lostark Map Overlay This is an interactive map overlay which is resizable, movable and can be kept up during gameplay for finding secrets hidden aroun
Angular global trackBy property directive with strict type checking.
NgForTrackByProperty Angular global trackBy property directive with strict type checking.
[WIP] A solid directive for adding colorful shadows to images.
solid-cosha A solid directive for adding colorful shadows to images (based on cosha). Quick start Install it: yarn add solid-cosha Use it: import { co
π Style and Component Library for Angular
ngx-ui Component & Style Library for Angular by Swimlane. Installing npm i @swimlane/ngx-ui --S Install the project's peer depencencies (moment, codem
A react-leaflet & express app for visualizing the latest earthquake data from Kandilli Observatory
Earthquake Tracker Turkey A react-leaflet & express app for visualizing the latest earthquake data from Kandilli Observatory. Tech Stack Client: React
Add focal point alignment of images to your Alpine 3.x components with a custom directive.
Alpine Focal Add focal point alignment of images to your Alpine 3.x components with a custom directive. This package only supports Alpine v3.x. About
This map is tracking the position of ISS(international space setallite) at every 1 second. I use Nasa's "where the iss" API and "Leaflet.js" for the map.
ISS-tracking-map About This map is tracking the position of ISS(international space setallite) at every 1 second. I use Nasa's "where the iss" API and
A map tool with real-time collaboration πΊοΈ
Mapus Maps with real-time collaboration πΊοΈ Mapus is a tool to explore and annotate collaboratively on a map. You can draw, add markers, lines, areas,
Cool tips to design UI/UX on Leaflet maps.
Map Effects 100 Map Effects 100 has cool tips to design UI/UX on your Map. Map? Leaflet Quick Start git clone https://github.com/muxlab/map-effects-10
Demonstration of different animation effects with AngularJS ngView directive.
ngView-animation-effects This is a simple demonstration of how easy you can make your ngView directive transition pages with nice animations. All you
AngularJS directive to embed an interact with maps managed by Leaflet library
Angular Leaflet Why the fork? While we are grateful for all the original work at tombatossals/angular-leaflet-directive. We need to be able to operate
Add time dimension capabilities on a Leaflet map.
Leaflet TimeDimension Add time dimension capabilities on a Leaflet map. Examples and basic usage API L.Map L.TimeDimension L.TimeDimension.Layer L.Tim
Vue 2 components for Leaflet maps
Vue2Leaflet Vue2Leaflet is a JavaScript library for the Vue framework that wraps Leaflet making it easy to create reactive maps. How to install npm in
React components for Leaflet maps
React Leaflet React components for Leaflet maps. Documentation Getting started API reference Changes See the CHANGELOG file. Contributing See the CONT
This is the leaflet plugin for GeoServer. Using this plugin user can have access to wms and wfs request easily.
Documentation leaflet-geoserver-request This is the plugin for Geoserver various kind of requests. Using this plugin, we can make WMS, WFS, getLegendG
Mapbox JavaScript API, a Leaflet Plugin
mapbox.js A Mapbox plugin for Leaflet, a lightweight JavaScript library for traditional raster maps. For the state-of-the-art Mapbox vector maps libra
:leaves: JavaScript library for mobile-friendly interactive maps
Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. Weighing just about 39 KB of gzipped JS plus 4 KB of gzipp
π₯ JavaScript Library for HTML5 canvas based heatmaps
heatmap.js Dynamic Heatmaps for the Web. How to get started The fastest way to get started is to install heatmap.js with bower. Just run the following