jHERE - Maps Made Easy. IkiMap | Create and share your maps. jQuery Map Marker Plugin | Welancers. Leaflet - a modern, lightweight JavaScript library for interactive maps by CloudMade - Quick Start Guide. ← Tutorials This step-by-step guide will quickly get you started on Leaflet basics, including setting up a Leaflet map, working with markers, polylines and popups, and dealing with events.
Preparing your page Before writing any code for the map, you need to do the following preparation steps on your page: Now you’re ready to initialize the map and do some stuff with it. Setting up the map Let’s create a map of the center of London with pretty Mapbox Streets tiles. First we’ll initialize the map and set its view to our chosen geographical coordinates and a zoom level: var mymap = L.map('mapid').setView([51.505, -0.09], 13); By default (as we didn’t pass any options when creating the map instance), all mouse and touch interactions on the map are enabled, and it has zoom and attribution controls. Note that setView call also returns the map object — most Leaflet methods act like this when they don’t return an explicit value, which allows convenient jQuery-like method chaining. Working with popups.
Kartograph – rethink mapping. Leaflet - a modern, lightweight JavaScript library for interactive maps by CloudMade. jQuery Geo.