You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
1.4 KiB
39 lines
1.4 KiB
<html>
|
|
<head>
|
|
<title>JQVMap - World Map</title>
|
|
<link href="/lib/jqvmap/jqvmap.min.css" media="screen" rel="stylesheet" type="text/css">
|
|
|
|
<script type="text/javascript" src="/lib/jquery/jquery.min.js"></script>
|
|
<script type="text/javascript" src="/lib/jqvmap/jquery.vmap.min.js"></script>
|
|
<script type="text/javascript" src="/js/jquery.vmap.packed.js"></script>
|
|
<script type="text/javascript" src="/js/jquery.vmap.china.js" charset="utf-8"></script>
|
|
|
|
|
|
</head>
|
|
<body>
|
|
<div id="vmap" style="width: 600px; height: 400px;"></div>
|
|
<script type="text/javascript">
|
|
//https://github.com/10bestdesign/jqvmap/blob/fb317235bdbc1c863ff877eb0cd31f2176bca11c/tests/tests.js
|
|
var map = $('#vmap').vectorMap({
|
|
map: 'china_zh',
|
|
showLabels: true,
|
|
selectedRegions: ['吉林','JL'],
|
|
onLabelShow: function () {
|
|
console.log('Label Showing');
|
|
},
|
|
onRegionOver: function () {
|
|
console.log('Region Over');
|
|
},
|
|
onRegionOut: function () {
|
|
console.log('Region Out');
|
|
},
|
|
onRegionClick: function (event, code, region) {
|
|
event.preventDefault();
|
|
console.log(code);
|
|
console.log(region);
|
|
}
|
|
});
|
|
console.log(map);
|
|
</script>
|
|
</body>
|
|
</html> |