first commit

This commit is contained in:
root
2021-07-10 10:15:55 +00:00
commit 124161318b
7693 changed files with 808583 additions and 0 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<title>jVectorMap demo</title>
<link rel="stylesheet" media="all" href="../jquery-jvectormap.css"/>
<script src="assets/jquery-1.8.2.js"></script>
<script src="../jquery-jvectormap.min.js"></script>
<script src="assets/jquery-jvectormap-world-mill-en.js"></script>
<script>
$(function(){
$('#map').vectorMap({
map: 'world_mill_en'
});
})
</script>
</head>
<body>
<div id="map" style="width: 600px; height: 400px"></div>
</body>
</html>

View File

@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html>
<head>
<title>jVectorMap demo</title>
<link rel="stylesheet" media="all" href="../jquery-jvectormap.css"/>
<script src="assets/jquery-1.8.2.js"></script>
<script src="../jquery-jvectormap.js"></script>
<script src="../jquery-mousewheel.js"></script>
<script src="../lib/jvectormap.js"></script>
<script src="../lib/abstract-element.js"></script>
<script src="../lib/abstract-canvas-element.js"></script>
<script src="../lib/abstract-shape-element.js"></script>
<script src="../lib/svg-element.js"></script>
<script src="../lib/svg-group-element.js"></script>
<script src="../lib/svg-canvas-element.js"></script>
<script src="../lib/svg-shape-element.js"></script>
<script src="../lib/svg-path-element.js"></script>
<script src="../lib/svg-circle-element.js"></script>
<script src="../lib/vml-element.js"></script>
<script src="../lib/vml-group-element.js"></script>
<script src="../lib/vml-canvas-element.js"></script>
<script src="../lib/vml-shape-element.js"></script>
<script src="../lib/vml-path-element.js"></script>
<script src="../lib/vml-circle-element.js"></script>
<script src="../lib/vector-canvas.js"></script>
<script src="../lib/simple-scale.js"></script>
<script src="../lib/numeric-scale.js"></script>
<script src="../lib/ordinal-scale.js"></script>
<script src="../lib/color-scale.js"></script>
<script src="../lib/data-series.js"></script>
<script src="../lib/proj.js"></script>
<script src="../lib/world-map.js"></script>
<script src="assets/jquery-jvectormap-map.js"></script>
<script>
$(function(){
var map = $('#map1').vectorMap({
map: 'map',
markers: [
{coords: [100, 100], name: 'Marker 1', style: {fill: 'yellow'}},
{coords: [200, 200], name: 'Marker 2', style: {fill: 'yellow'}},
]
});
})
</script>
</head>
<body>
<div id="map1" style="width: 600px; height: 600px"></div>
</body>
</html>

View File

@@ -0,0 +1,262 @@
<!DOCTYPE html>
<html>
<head>
<title>jVectorMap demo</title>
<link rel="stylesheet" media="all" href="../jquery-jvectormap.css"/>
<script src="assets/jquery-1.8.2.js"></script>
<script src="../jquery-jvectormap.js"></script>
<script src="../jquery-mousewheel.js"></script>
<script src="../lib/jvectormap.js"></script>
<script src="../lib/abstract-element.js"></script>
<script src="../lib/abstract-canvas-element.js"></script>
<script src="../lib/abstract-shape-element.js"></script>
<script src="../lib/svg-element.js"></script>
<script src="../lib/svg-group-element.js"></script>
<script src="../lib/svg-canvas-element.js"></script>
<script src="../lib/svg-shape-element.js"></script>
<script src="../lib/svg-path-element.js"></script>
<script src="../lib/svg-circle-element.js"></script>
<script src="../lib/vml-element.js"></script>
<script src="../lib/vml-group-element.js"></script>
<script src="../lib/vml-canvas-element.js"></script>
<script src="../lib/vml-shape-element.js"></script>
<script src="../lib/vml-path-element.js"></script>
<script src="../lib/vml-circle-element.js"></script>
<script src="../lib/vector-canvas.js"></script>
<script src="../lib/simple-scale.js"></script>
<script src="../lib/numeric-scale.js"></script>
<script src="../lib/ordinal-scale.js"></script>
<script src="../lib/color-scale.js"></script>
<script src="../lib/data-series.js"></script>
<script src="../lib/proj.js"></script>
<script src="../lib/world-map.js"></script>
<script src="assets/jquery-jvectormap-world-mill-en.js"></script>
<script>
jQuery.noConflict();
jQuery(function(){
var $ = jQuery;
$('#focus-single').click(function(){
$('#map1').vectorMap('set', 'focus', 'AU');
});
$('#focus-multiple').click(function(){
$('#map1').vectorMap('set', 'focus', ['AU', 'JP']);
});
$('#focus-init').click(function(){
$('#map1').vectorMap('set', 'focus', 1, 0, 0);
});
$('#map1').vectorMap({
map: 'world_mill_en',
focusOn: {
x: 0.5,
y: 0.5,
scale: 2
},
series: {
regions: [{
scale: ['#C8EEFF', '#0071A4'],
normalizeFunction: 'polynomial',
values: {
"AF": 16.63,
"AL": 11.58,
"DZ": 158.97,
"AO": 85.81,
"AG": 1.1,
"AR": 351.02,
"AM": 8.83,
"AU": 1219.72,
"AT": 366.26,
"AZ": 52.17,
"BS": 7.54,
"BH": 21.73,
"BD": 105.4,
"BB": 3.96,
"BY": 52.89,
"BE": 461.33,
"BZ": 1.43,
"BJ": 6.49,
"BT": 1.4,
"BO": 19.18,
"BA": 16.2,
"BW": 12.5,
"BR": 2023.53,
"BN": 11.96,
"BG": 44.84,
"BF": 8.67,
"BI": 1.47,
"KH": 11.36,
"CM": 21.88,
"CA": 1563.66,
"CV": 1.57,
"CF": 2.11,
"TD": 7.59,
"CL": 199.18,
"CN": 5745.13,
"CO": 283.11,
"KM": 0.56,
"CD": 12.6,
"CG": 11.88,
"CR": 35.02,
"CI": 22.38,
"HR": 59.92,
"CY": 22.75,
"CZ": 195.23,
"DK": 304.56,
"DJ": 1.14,
"DM": 0.38,
"DO": 50.87,
"EC": 61.49,
"EG": 216.83,
"SV": 21.8,
"GQ": 14.55,
"ER": 2.25,
"EE": 19.22,
"ET": 30.94,
"FJ": 3.15,
"FI": 231.98,
"FR": 2555.44,
"GA": 12.56,
"GM": 1.04,
"GE": 11.23,
"DE": 3305.9,
"GH": 18.06,
"GR": 305.01,
"GD": 0.65,
"GT": 40.77,
"GN": 4.34,
"GW": 0.83,
"GY": 2.2,
"HT": 6.5,
"HN": 15.34,
"HK": 226.49,
"HU": 132.28,
"IS": 12.77,
"IN": 1430.02,
"ID": 695.06,
"IR": 337.9,
"IQ": 84.14,
"IE": 204.14,
"IL": 201.25,
"IT": 2036.69,
"JM": 13.74,
"JP": 5390.9,
"JO": 27.13,
"KZ": 129.76,
"KE": 32.42,
"KI": 0.15,
"KR": 986.26,
"KW": 117.32,
"KG": 4.44,
"LA": 6.34,
"LV": 23.39,
"LB": 39.15,
"LS": 1.8,
"LR": 0.98,
"LY": 77.91,
"LT": 35.73,
"LU": 52.43,
"MK": 9.58,
"MG": 8.33,
"MW": 5.04,
"MY": 218.95,
"MV": 1.43,
"ML": 9.08,
"MT": 7.8,
"MR": 3.49,
"MU": 9.43,
"MX": 1004.04,
"MD": 5.36,
"MN": 5.81,
"ME": 3.88,
"MA": 91.7,
"MZ": 10.21,
"MM": 35.65,
"NA": 11.45,
"NP": 15.11,
"NL": 770.31,
"NZ": 138,
"NI": 6.38,
"NE": 5.6,
"NG": 206.66,
"NO": 413.51,
"OM": 53.78,
"PK": 174.79,
"PA": 27.2,
"PG": 8.81,
"PY": 17.17,
"PE": 153.55,
"PH": 189.06,
"PL": 438.88,
"PT": 223.7,
"QA": 126.52,
"RO": 158.39,
"RU": 1476.91,
"RW": 5.69,
"WS": 0.55,
"ST": 0.19,
"SA": 434.44,
"SN": 12.66,
"RS": 38.92,
"SC": 0.92,
"SL": 1.9,
"SG": 217.38,
"SK": 86.26,
"SI": 46.44,
"SB": 0.67,
"ZA": 354.41,
"ES": 1374.78,
"LK": 48.24,
"KN": 0.56,
"LC": 1,
"VC": 0.58,
"SD": 65.93,
"SR": 3.3,
"SZ": 3.17,
"SE": 444.59,
"CH": 522.44,
"SY": 59.63,
"TW": 426.98,
"TJ": 5.58,
"TZ": 22.43,
"TH": 312.61,
"TL": 0.62,
"TG": 3.07,
"TO": 0.3,
"TT": 21.2,
"TN": 43.86,
"TR": 729.05,
"TM": 0,
"UG": 17.12,
"UA": 136.56,
"AE": 239.65,
"GB": 2258.57,
"US": 14624.18,
"UY": 40.71,
"UZ": 37.72,
"VU": 0.72,
"VE": 285.21,
"VN": 101.99,
"YE": 30.02,
"ZM": 15.69,
"ZW": 5.57
}
}]
}
});
})
</script>
</head>
<body>
<div style="height: 400px"></div>
<div id="map1" style="width: 600px; height: 400px"></div>
<button id="focus-single">Focus on Australia</button>
<button id="focus-multiple">Focus on Australia and Japan</button>
<button id="focus-init">Return to the initial state</button>
</body>
</html>

View File

@@ -0,0 +1,209 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Maps</title>
<link rel="stylesheet" media="all" href="../jquery-jvectormap.css"/>
<style>
ul {
padding: 0;
list-style: none;
}
</style>
<script src="assets/jquery-1.8.2.js"></script>
<script src="../jquery-jvectormap.js"></script>
<script src="../jquery-mousewheel.js"></script>
<script src="../lib/jvectormap.js"></script>
<script src="../lib/abstract-element.js"></script>
<script src="../lib/abstract-canvas-element.js"></script>
<script src="../lib/abstract-shape-element.js"></script>
<script src="../lib/svg-element.js"></script>
<script src="../lib/svg-group-element.js"></script>
<script src="../lib/svg-canvas-element.js"></script>
<script src="../lib/svg-shape-element.js"></script>
<script src="../lib/svg-path-element.js"></script>
<script src="../lib/svg-circle-element.js"></script>
<script src="../lib/vml-element.js"></script>
<script src="../lib/vml-group-element.js"></script>
<script src="../lib/vml-canvas-element.js"></script>
<script src="../lib/vml-shape-element.js"></script>
<script src="../lib/vml-path-element.js"></script>
<script src="../lib/vml-circle-element.js"></script>
<script src="../lib/vector-canvas.js"></script>
<script src="../lib/simple-scale.js"></script>
<script src="../lib/ordinal-scale.js"></script>
<script src="../lib/numeric-scale.js"></script>
<script src="../lib/color-scale.js"></script>
<script src="../lib/data-series.js"></script>
<script src="../lib/proj.js"></script>
<script src="../lib/world-map.js"></script>
<script src="assets/jquery-jvectormap-us-aea-en.js"></script>
<script>
$(function(){
var markers = [
[61.18, -149.53],
[21.18, -157.49],
{latLng: [40.66, -73.56], name: 'New York City', style: {r: 8, fill: 'yellow'}},
{latLng: [41.52, -87.37], style: {fill: 'red', r: 10}}
],
values1 = [1, 2, 3, 4],
values2 = [1, 2, 3, 4];
var map = new jvm.WorldMap({
container: $('.map'),
map: 'us_aea_en',
markers: markers,
series: {
markers: [{
attribute: 'fill',
scale: ['#C8EEFF', '#0071A4'],
normalizeFunction: 'polynomial',
values: values1
},{
attribute: 'r',
scale: [5, 20],
normalizeFunction: 'polynomial',
values: values2
}],
regions: [{
scale: {
red: '#ff0000',
blue: '#00ff00'
},
attribute: 'fill',
normalizeFunction: 'polynomial',
values: {
"US-KS": 'red',
"US-MO": 'red',
"US-IA": 'blue',
"US-NE": 'blue'
}
},{
values: {
"US-NY": 'blue',
"US-FL": 'blue'
},
attribute: 'fill'
}]
},
regionsSelectable: true,
markersSelectable: true,
markersSelectableOne: true,
selectedRegions: JSON.parse( window.localStorage.getItem('jvectormap-selected-regions') || '[]' ),
selectedMarkers: JSON.parse( window.localStorage.getItem('jvectormap-selected-markers') || '[]' ),
onMarkerLabelShow: function(event, label, index){
label.html(label.html()+' (modified marker)');
},
onMarkerOver: function(event, index){
console.log('marker-over', index);
},
onMarkerOut: function(event, index){
console.log('marker-out', index);
},
onMarkerClick: function(event, index){
console.log('marker-click', index);
},
onMarkerSelected: function(event, index, isSelected, selectedMarkers){
console.log('marker-select', index, isSelected, selectedMarkers);
if (window.localStorage) {
window.localStorage.setItem(
'jvectormap-selected-markers',
JSON.stringify(selectedMarkers)
);
}
},
onRegionLabelShow: function(event, label, code){
label.html(label.html()+' (modified)');
},
onRegionOver: function(event, code){
console.log('region-over', code, map.getRegionName(code));
},
onRegionOut: function(event, code){
console.log('region-out', code);
},
onRegionClick: function(event, code){
console.log('region-click', code);
},
onRegionSelected: function(event, code, isSelected, selectedRegions){
console.log('region-select', code, isSelected, selectedRegions);
if (window.localStorage) {
window.localStorage.setItem(
'jvectormap-selected-regions',
JSON.stringify(selectedRegions)
);
}
},
onViewportChange: function(e, scale, transX, transY){
console.log('viewportChange', scale, transX, transY);
}
});
$('.list-markers :checkbox').change(function(){
var index = $(this).closest('li').attr('data-marker-index');
if ($(this).prop('checked')) {
map.addMarker( index, markers[index], [values1[index], values2[index]] );
} else {
map.removeMarkers( [index] );
}
});
$('.button-add-all').click(function(){
$('.list-markers :checkbox').prop('checked', true);
map.addMarkers(markers, [values1, values2]);
});
$('.button-remove-all').click(function(){
$('.list-markers :checkbox').prop('checked', false);
map.removeAllMarkers();
});
$('.button-clear-selected-regions').click(function(){
map.clearSelectedRegions();
});
$('.button-clear-selected-markers').click(function(){
map.clearSelectedMarkers();
});
$('.button-remove-map').click(function(){
map.remove();
});
$('.button-change-values').click(function(){
map.series.regions[1].clear();
map.series.regions[1].setValues({
"US-TX": "black",
"US-CA": "black"
});
});
$('.button-reset-map').click(function(){
map.reset();
});
});
</script>
</head>
<body>
<div class="map" style="width: 800px; height: 500px"></div>
<ul class="list-markers">
<li data-marker-index="0"><label><input checked type="checkbox"/> Marker 1</label></li>
<li data-marker-index="1"><label><input checked type="checkbox"/> Marker 2</label></li>
<li data-marker-index="2"><label><input checked type="checkbox"/> Marker 3</label></li>
<li data-marker-index="3"><label><input checked type="checkbox"/> Marker 4</label></li>
</ul>
<input type="button" value="Add all" class="button-add-all"/>
<input type="button" value="Remove all" class="button-remove-all"/>
&nbsp;&nbsp;&nbsp;
<input type="button" value="Clear selected regions" class="button-clear-selected-regions"/>
<input type="button" value="Clear selected markers" class="button-clear-selected-markers"/>
&nbsp;&nbsp;&nbsp;
<input type="button" value="Remove map" class="button-remove-map"/>
&nbsp;&nbsp;&nbsp;
<input type="button" value="Change values" class="button-change-values"/>
&nbsp;&nbsp;&nbsp;
<input type="button" value="Reset map" class="button-reset-map"/>
</body>
</html>

View File

@@ -0,0 +1,80 @@
<!DOCTYPE html>
<html>
<head>
<title>jVectorMap demo</title>
<link rel="stylesheet" media="all" href="../jquery-jvectormap.css"/>
<script src="assets/jquery-1.8.2.js"></script>
<script src="../jquery-jvectormap.js"></script>
<script src="../jquery-mousewheel.js"></script>
<script src="../lib/jvectormap.js"></script>
<script src="../lib/abstract-element.js"></script>
<script src="../lib/abstract-canvas-element.js"></script>
<script src="../lib/abstract-shape-element.js"></script>
<script src="../lib/svg-element.js"></script>
<script src="../lib/svg-group-element.js"></script>
<script src="../lib/svg-canvas-element.js"></script>
<script src="../lib/svg-shape-element.js"></script>
<script src="../lib/svg-path-element.js"></script>
<script src="../lib/svg-circle-element.js"></script>
<script src="../lib/vml-element.js"></script>
<script src="../lib/vml-group-element.js"></script>
<script src="../lib/vml-canvas-element.js"></script>
<script src="../lib/vml-shape-element.js"></script>
<script src="../lib/vml-path-element.js"></script>
<script src="../lib/vml-circle-element.js"></script>
<script src="../lib/vector-canvas.js"></script>
<script src="../lib/simple-scale.js"></script>
<script src="../lib/numeric-scale.js"></script>
<script src="../lib/ordinal-scale.js"></script>
<script src="../lib/color-scale.js"></script>
<script src="../lib/data-series.js"></script>
<script src="../lib/proj.js"></script>
<script src="../lib/world-map.js"></script>
<script src="assets/jquery-jvectormap-us-lcc-en.js"></script>
<script>
$(function(){
var map,
markerIndex = 0,
markersCoords = {};
map = new jvm.WorldMap({
map: 'us_lcc_en',
markerStyle: {
initial: {
fill: 'red'
}
},
container: $('#map'),
onMarkerLabelShow: function(e, label, code){
map.label.text(markersCoords[code].lat.toFixed(2)+' '+markersCoords[code].lng.toFixed(2));
},
onMarkerClick: function(e, code){
map.removeMarkers([code]);
map.label.hide();
}
});
$('#map').click(function(e){
var latLng = map.pointToLatLng(e.offsetX, e.offsetY),
targetCls = $(e.target).attr('class');
if (latLng && (!targetCls || (targetCls && $(e.target).attr('class').indexOf('jvectormap-marker') === -1))) {
markersCoords[markerIndex] = latLng;
map.addMarker(markerIndex, {latLng: [latLng.lat, latLng.lng]});
markerIndex += 1;
}
});
$('#map').bind('');
});
</script>
</head>
<body>
<div id="map" style="width: 900px; height: 600px"></div>
</body>
</html>