Git.Storage.Web/Theme/plugins/jqvmap/README.md

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

![JQVMap](http://jqvmap.com/img/logo.png "JQVMap")

This project is a heavily modified version of [jVectorMap](https://github.com/bjornd/jvectormap).  I chose to start fresh rather than fork their project as my intentions were to take it in such a different direction that it would become incompatibale with the original source, rendering it near impossible to merge our projects together without extreme complications.

jQuery Vector Map
======

To get started, all you need to do is include the JavaScript and CSS files for the map you want to load.  Here is a sample HTML page for loading the World Map with default settings:

	<?xml version="1.0" encoding="UTF-8"?>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	  <head>
	    <title>JQVMap - World Map</title>
    
	    <link href="../jqvmap/jqvmap.css" media="screen" rel="stylesheet" type="text/css" />
    
	    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
	    <script src="../jqvmap/jquery.vmap.js" type="text/javascript"></script>
	    <script src="../jqvmap/maps/jquery.vmap.world.js" type="text/javascript"></script>
    
		<script type="text/javascript">
		jQuery(document).ready(function() {
			jQuery('#vmap').vectorMap({ map: 'world_en' });
		});
		</script>
	  </head>
	  <body>
	    <div id="vmap" style="width: 600px; height: 400px;"></div>
	  </body>
	</html>

Making it Pretty
======

While initializing a map you can provide parameters to change its look and feel.

	jQuery('#vmap').vectorMap(
	{
	    map: 'world_en',
	    backgroundColor: '#a5bfdd',
	    borderColor: '#818181',
	    borderOpacity: 0.25,
	    borderWidth: 1,
	    color: '#f4f3f0',
	    enableZoom: true,
	    hoverColor: '#c9dfaf',
	    hoverOpacity: null,
	    normalizeFunction: 'linear',
	    scaleColors: ['#b6d6ff', '#005ace'],
	    selectedColor: '#c9dfaf',
	    selectedRegion: null,
	    showTooltip: true,
	    onRegionClick: function(element, code, region)
	    {
	        var message = 'You clicked "'
	            + region 
	            + '" which has the code: '
	            + code.toUpperCase();