user2314737's public fiddles
-
Calculate Google Maps distances with different travel modes (and geodesic)
Display routes and calculate distance with different travel modes (driving, walking, bicycling, transit) from point A to point B. Air distance is computed using geodesic (https://developers.google.com/maps/documentation/javascript/geometry#Distance)
-
0Lgrmhyo
Source: http://bl.ocks.org/rkirsling/5001347 (part of the project: http://rkirsling.github.io/modallogic/)
-
zcauznyL
Source: http://bl.ocks.org/rkirsling/5001347 (part of the project: http://rkirsling.github.io/modallogic/)
-
4v6sjyas
No-Library (pure JS), HTML, CSS, JavaScript
-
1687wx31
No-Library (pure JS), HTML, CSS, JavaScript
-
h8zh2d7a
Leaflet is an an open-source JavaScript library for mobile-friendly interactive maps http://leafletjs.com/ Leaflet.draw is a leaflet plugin for drawing on a map. Leaflet.draw code is from: https://github.com/Leaflet/Leaflet.draw https://github.com/Leaflet/Leaflet.draw Map data is provided by OpenStreetMap
-
Draw polygons on a map with Leaflet.js and leaflet.draw
Leaflet is an an open-source JavaScript library for mobile-friendly interactive maps http://leafletjs.com/ Leaflet.draw is a leaflet plugin for drawing on a map. Leaflet.draw code is from: https://github.com/Leaflet/Leaflet.draw https://github.com/Leaflet/Leaflet.draw Map data is provided by OpenStreetMap
-
Draw on map with Leaflet.js and leaflet.draw
Leaflet is an an open-source JavaScript library for mobile-friendly interactive maps http://leafletjs.com/ Leaflet.draw is a leaflet plugin for drawing on a map. Leaflet.draw code is from: https://github.com/Leaflet/Leaflet.draw https://github.com/Leaflet/Leaflet.draw Here data is provided by OpenStreetMap
-
Transport Map based on OpenStreetMap data
with leafletjs Uses OpenCycleMap from Thunderforest Maps (http://www.thunderforest.com/maps/)
-
Basic demo of Google Custom Search API
Code from https://developers.google.com/custom-search/docs/js/cselement-devguide#hiworld Documentation for the GoogleSearchControl object: https://developers.google.com/custom-search/docs/js/cselement-reference#cse-el
-
5sgdzkLp
jQuery 2.2.3, HTML, CSS, JavaScript
-
Convert image to base64
Snippet from: http://stackoverflow.com/a/23669825/
-
Basic gifshot demo
Create an animated gif with gifshot using image files. Original demo: https://yahoo.github.io/gifshot/demo.html
-
Basic gifshot demo - create a gif from images
Create an animated gif from a collection of images with gifshot using online image files. Original demo: https://yahoo.github.io/gifshot/demo.html Right-click on image to save gif animation
-
nnvsgfhr
jQuery (edge), HTML, CSS, JavaScript
-
Drawing circles on a map in leafletjs
This demo illustrated the difference between Circle and CircleMarker in leaflet.js.
-
Transport Map based on OpenStreetMap data
with leafletjs Uses OpenCycleMap from Thunderforest Maps (http://www.thunderforest.com/maps/)
-
Switch between tile servers in OpenStreetMap
OpenStreetMap (OSM) data is free but its own servers have limited capacity. There are many other organisations that provide map tiles made from OSM data. In this demo you can switch among different tile servers. Available tile servers in this demo: - standard - Wikimedia Maps - Open MapQuest - OpenCycleMap (from Thunderforest) - transport map (from Thunderforest) - Stamen Toner - Stamen Watercolor - CartoDB Full list of tile servers is available at: http://wiki.openstreetmap.org/wiki/Tile_servers Disclaimer: I hope I got all the attributions right.
-
31nn5rzz
jQuery 2.2.1, HTML, CSS, JavaScript
-
Google map with on-click event on markers
No-Library (pure JS), HTML, CSS, JavaScript