Open Source Resources for Web Application Developers

Shopify - Online Store Builder
Follow Us on Social Sites
Subscribe RSS Subscribe Newsletter Like us on Facebook Follow us on Twitter Follow us on Google+
  • Home
  • News
  • Plugins
  • Design
  • Others
  • Books
  • About
09 Jun

Show Vector Maps with jVectorMap jQuery Plugin

  • MIT License, Maps
  • Leave a Comment

jVectorMap is a jQuery plugin employed to show vector maps and visualize data on HTML pages. It uses SVG in all modern browsers like Firefox 3 or 4, Safari, Chrome, Opera, IE9, while legacy support for older versions of IE from 6 to 8 is provided with VML.

Using jVectorMap is pretty simple. All you need is to include JavaScript and CSS files. While initializing map you can  also provide parameters to change its look and feel easily.

vector-map

Requirements: jQuery Framework
Demo: http://jvectormap.owl-hollow.net/
License: MIT License

Share
Tweet
Sponsors
subscribe to our newsletter - weekly free resouces for web developers
follow us on social sites - rss, facebook, google+, Twitter
Subscribe RSS Like us on Facebook Follow us on Twitter Follow us on Google+
Related Resources
Easily Create .htaccess Files Online with .htaccess Editor

Easily Create .htaccess Files Online with .htaccess Editor

Create Customizable Sliders with SlideControl jQuery Plugin

Create Customizable Sliders with SlideControl jQuery Plugin

Orbit – A Slick jQuery Image Slider Plugin

Orbit – A Slick jQuery Image Slider Plugin

String Helps You Creating Multi-Language Website & App

String Helps You Creating Multi-Language Website & App

Create Timelines with jQuery Timelinr Easily

Create Timelines with jQuery Timelinr Easily

Freelance Design Contracts and Templates for Designers

Freelance Design Contracts and Templates for Designers

Comments
  • supert

    Guys…I’m trying to run this code by using the below but I can’t get it to work. Can you help me out?

    This is my script:

    Test

    $(function(){
    $(’#map’).vectorMap();
    });

  • pascal

    it looks great. We all one day need a good open source mapping library, hope they will build up their region mapping!

  • sandeep

    @supert
    use this div statement in your html and it will display world map on ur page

  • scott

    Can anyone point me in the right direction? I would like to create a callback script that would display the contents of a hidden div for each state that is clicked. This should be simple, but I’m a noob.

  • Testing-G

    @scott me too i search that !

    can anyone help me ?

  • Jccp

    @supert did you get it to work? and @sandeep what div.. you dont have a div there

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact

Sponsors
Advertise Here
Search
By Keywords
30 Days / All Time
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • Professional Business Cards Made By Designers
  • Best Free Chrome Extensions for Web Developers
  • All of the Best Free WordPress Themes You Need
  • How to Create a Web App Admin User Interface
  • Nice List of Open Source Fish Eye Menu
  • Best Web Admin Templates
  • 25 Useful Blogs for Web Design & Development
  • Simple Javascript Progress Bar with CSS
  • 10 Useful & Quality Design Resources
  • Free Web Application Icons
  • How to Create High-Performance Code
  • How to Create Realtime Multi-player Games in HTML5
  • A True Responsive jQuery Lightbox Plugin for Free
  • Create an Amazon-like Navigation Menu with jQuery
  • Super Smooth CSS Transitions for jQuery
  • Pretty Neat jQuery Mobile Theme Based on Flat UI
  • How to Use Web Workers for Image Manipulation
  • How to Make FullScreen Page Transitions with CSS
  • Free Responsive HTML5 + CSS3 Site Templates
  • Ghost: A Revolutionary Open Source Blogging Platform
Sponsors
Plugins
  • Advertisement15
  • Calendar47
  • Capture19
  • Charts55
  • Chat22
  • Demo Tour16
  • Gallery121
  • Maps30
  • Menu87
  • Polls9
  • Popup49
  • Tooltips42
  • Upload33
  • Video18
Desgin
  • Brushes11
  • Buttons25
  • Color Schemes25
  • Fonts47
  • Forms112
  • Icons108
  • Patterns24
  • PS Tutorials15
  • Stock Photos21
  • Tables25
Others
  • Announcement103
  • Best Collections6
  • Code55
  • eCommerce24
  • Framework215
  • Hosting13
  • Information240
  • Inspiration32
  • Legal Documents10
  • Reviews8
  • Security13
  • Social28
  • Sound16
  • Stats39
  • Tools293
  • Webmail14
Licesnes
  • BSD License67
  • CC License123
  • GPL License224
  • LGPL License40
  • License Free739
  • MIT License411
Sponsors
Advertise Here
Partners
MaxCDN