jQuery地图插件

http://jqvmap.com/，该网站并没有中国地图的js，本站可以提供。 jquery.vmap.min.js这个文件是插件的核心，必须引用（包括jqvmap.css）。另外要显示什么样的地图就要引用对应的js文件，例如要显示中国地图就要引用jquery.vmap.china.js。以下是使用示例： [codesyntax lang="javascript" lines="normal"]

jQuery('#map_canvas').vectorMap({ 
    map : 'usa_en',//这里是地图的名称,
    backgroundColor : "#818181",//背景色
    borderColor: '#818181',
    borderOpacity: 0.25,
    borderWidth: 1,
    color: '#f4f3f0',
    enableZoom : true,
    selectedColor : "#c9dfaf"
    hoverColor: '#c9dfaf',
    showTooltip : false,
    onLabelShow : function(element, label, code){}
    onRegionOver : function(element, code, region){},
    onRegionOut : function(element, code, region){},
    onRegionClick : function(element, code, region){}
});

[/codesyntax] 下面以中国地图为例，来介绍地图对象的格式： [codesyntax lang="javascript" lines="normal"]

jQuery.fn.vectorMap('addMap', 'china',//地图名称
	{"width" : 900.0, "height" : 603, "pathes" : 
		{
			"CN-54": {"path" : "M70.73,377.98l3.34,-0.37l1.23,-0.9l-0.15,1.09l0.54,1.5l2.17,1.89l0.91,0.18l2.08,-0.52l0.72,-1.76l2.47", "name" : "city"}//一个城市的坐标
		}
	}
);

[/codesyntax]

转载于:https://my.oschina.net/surenpi/blog/481828