jQuery Maps Plugin & Tutorials with Example

Nex Slider : jQuery Fullscreen Slider

Nex Slider : jQuery Fullscreen Slider

Nex slider is a blazing fast fullscreen slider optimized for best performances and compatible with all platforms. It allows you to embed images, videos and even google maps in the same slider.

  • Customizable slider look
  • Optimized Speed
  • Touch Support
  • Keyboard Support
  • Pattern Support
  • SEO Friendly
  • 10 types of effects: Fade, Slide [left,right,top,bottom], Zoom, Skew, Rotate, Random, None
  • 5 Predifined Color themes: amethyst, coral, sun, turquoise, and the default one
  • Support of image filters: brightness,contrast,grayscale,hue-rotate,saturate,sepia.
  • Different Content types: image, video, map
  • Customizeable map style: ROADMAP, SATELLITE, HYBRID, TERRAIN
  • Customizable maps: zoom size, show infowindow, or hide it
  • Video Support from youtube and vimeo

jQuery Travelmap : Pin Places on the Map

jQuery Travelmap : Pin Places on the Map

Travelmap plugin help you to pin your visited cities and countries on Google map with jQuery.

Geolocation Marker for Google Maps API v3

Geolocation Marker for Google Maps API v3

A library for adding a marker which tracks a user’s location for use with the Google Maps JavaScript API v3. This library uses geolocation to add a marker and accuracy circle to a map. The marker position is automatically updated as the user position changes.

Useful Photomap.js : Photo Map

Useful Photomap.js : Photo Map

Plots the GPS data of the photos in a slideshow on a map.

jQuery Store Locator Plugin

jQuery Store Locator Plugin

This jQuery plugin takes advantage of Google Maps API version 3 to create an easy to implement store locator. No back-end programming is required, you just need to feed it KML, XML, or JSON data with all the location information. How you create the data file is up to you.

Mapael : jQuery Dynamic Vector Maps Plugin

Mapael : jQuery Dynamic Vector Maps Plugin

jQuery Mapael is a jQuery plugin based on raphael.js that allows you to display dynamic vector maps.

Features:

  • based on jQuery and raphael.js. And optionnaly based on jQuery mousewheel for the zoom on mousewheel feature.
  • Interactive. Set href, tooltip, add events and many more on the elements of your map.
  • Plottable cities Cities can be plotted on the map with circles, squares or images by their latitude and longitude.
  • Areas and plotted points colorization. Mapael automatically sets attributes like color and size to each area and plotted point displayed on map and generates an interactive legend in order to build pretty dataviz
  • Easy to add new maps. Build your own maps based on SVG paths
  • SEO-friendly. An alternative content can be set for non-JS users and web crawlers
  • Resizable Maps are easily resizable.
  • Zoom Zoom and panning abilities.

Activ’Map jQuery Plugin – Responsive GMaps

Activ'Map jQuery Plugin - Responsive GMaps

The perfect plugin to research and locate custom services and equipments in a city, among other things, Activ’Map is a JQuery plugin using the Google Maps API V3 and Bootstrap 3.x which display a map with markers sorted by categories.

Google Maps Draw Module with jQuery

Google Maps Draw Module with jQuery

Google Maps Draw Module is a useful tool for web developers who want to build web apps for drawing on maps in the front end. It is based on modern tools such as Google API v3, jQuery, Javascript, Bootstrap, HTML5 and CSS3.

This module provides a responsive graphical interface to users for adding markers and drawing polygons, rectangles, polylines and circles in order to create maps online. Users are able to add/edit/delete objects on Google Maps. Also users can enter title and description for all objects they create.

HTML5 Interactive World Map with JavaScript

HTML5 Interactive World Map with JavaScript

This map is built in HTML5 code and runs with javascript based on the new technique of Scalable Vector Graphics (SVG), So it can be scaled to any size without losing its quality.

Lazy-loading Google Maps

Lazy-loading Google Maps

A tiny jQuery plugin for lazy-loading Google Maps. jQuery plugin, which just loads the maps and then gives away the full control of the loaded ones to you.

On every scroll and browser resize interval the plugin checks whether there are any maps in the viewport to be displayed. If yes, it loads (if it wasn’t loaded before) Google Maps API script file and then initiates the corresponding map instances. Finally, there’s a callback function which is called within every map instance initiation so that you can continue doing whatever you need with your maps.



Best jQuery websites design awards