Maps

Facebook Twitter

jHERE - Maps Made Easy. Create and share your maps. Ziptastic. jQuery Map Marker Plugin. jQuery Map Marker Plugin makes it easy to put multiple markers on Map using Google Map API V3.

jQuery Map Marker Plugin

Map Marker is very useful when you have a list of data & you want to show all of them on Map too. Like most of the jQuery plugins, this plugin is very straight forward to setup. It has some nice options & uses JSON formatted data for every Locations. Also make note that you must have to pass the Location values using Lattitude & Longitude co-ordinates of the that Location (due to Google map API limitation). Below steps will make more sense of using this plugin. Step-1 : Include necessary JS files in your <head> tag Step-2 : Create a Map container using divtag & give it an ID in your html body Step-3 : Apply the Plugin to the Map element using below code. MyMarker : We have used this variable to store JSON data of each locations. Use below link if you want to get latitude & Additionally, there are 2 more options which you can set on Map.1. zoom – to set default zoom level of the Map.

Leaflet - a modern, lightweight JavaScript library for interactive maps by CloudMade - Quick Start Guide. An Open-Source JavaScript Library for Mobile-Friendly Interactive Maps ← Back to the list of 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.

Leaflet - a modern, lightweight JavaScript library for interactive maps by CloudMade - Quick Start Guide

Hello world! I am a popup. View example on a separate page → 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 CloudMade tiles. Var map = L.map('map').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. Next we’ll add a tile layer to add to our map, in this case it’s a CloudMade tile layer with Fresh style.

Markers, circles and polygons Adding a polygon is as easy: Kartograph – rethink mapping. Leaflet - a modern, lightweight JavaScript library for interactive maps by CloudMade. jQuery Geo.