4
Subway Map Visualization jQuery Plugin
Anyone who knows HTML can easily create a subway map with this a jQuery plugin.
- Anyone should be able to create a beautiful, interactive subway map visualization for their website using HTML markup
- The map should be as faithful as possible to the London Underground map style with smooth curves and interchange connectors and 45-degree diagonals
- The map size, line width and colors should all be customizable
- Stations, interchanges and linked interchanges should be distinguishable from each other
- The markup used to create the map should be search engine friendly
13
mobilymap – simple image into a functional map
Lightweight (5KB), fully configurable jQuery plugin that converts an simple image into a functional map.
11
SpryMap – lightweight javascript click and drag map script
SpryMap is a super lightweight (2.8 KB), dependency free Javascript widget that turns any HTML element into a Google Maps-like click and drag window. I’ve taken the theory behind my jQuery click and drag map here and souped it up, making it better in every way.
20
Europe – CSS and jQuery clickable map
This is an example of use cascading style sheets (CSS) and jQuery scripts for links with irregular shapes in the map of Europe.
Based on a simple unordered list, a graphic file with a map and a suitable arrangement of spans for obtaining irregular shapes. Without Flash! .. just a pure xhtml, simple css, a few lines of jQuery script and one file with a map!
16
MapBox – Custom Maps in the Cloud
MapBox provides a suite of open source tools and services for creating and using custom maps in the cloud.
MapBox’s TileMill toolkit is a fully configured open source tile rendering engine that can be used to create custom maps using any data set, whether your private data or freely available public sources. MapBox.com also makes large public data sets available for easy access and use. Combining TileMill and these data sets together, MapBox provides the framework that we use to make some of the most beautiful custom maps in the world.
Sponsors
Categories
Recent Posts
Recent Comments
- Adobe Photoshop CS6 Beta Out | Lively Web Tuts on Adobe Photoshop CS6 Beta Out
- sams on Mobility – Free Mobile UI Design Elements
- Cutter.js – Truncate HTML code Client Side | Lively Web Tuts on Cutter.js – Truncate HTML code Client Side
- Page Scroller – jQuery Smooth Scrolling Plugin | Lively Web Tuts on Page Scroller – jQuery Smooth Scrolling Plugin
- The jQuery Slider Plugin with Infinite Style | Lively Web Tuts on The jQuery Slider Plugin with Infinite Style









