超棒的jQuery矢量地图生成插件 - JQVAMP

<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 src="../jqvmap/data/jquery.vmap.sampledata.js" type="text/javascript"></script>

jQuery(document).ready(function
() {
    jQuery(
'#vmap').vectorMap({
        map: 
'world_en',
        backgroundColor: 
'#202020',
        color: 
'#5DB0E6',
        hoverOpacity: 
0.7,
        selectedColor: 
'#333333',
        enableZoom: 
true
,
        showTooltip: 
true
,
        values: sample_data,
        scaleColors: [
'#C8EEFF', '#006491'],
        normalizeFunction: 
'polynomial',
        onRegionOver: 
function
(element, code, region){
            $(
'#region').html(region);
        },
        onRegionClick: 
function
(element, code, region){
            $(
'#region').html('You selected "' + region + '"');
        }
    });
});