first mockup in go

This commit is contained in:
2019-08-18 23:21:16 +02:00
parent 9ce235274f
commit 969ae63d02
5638 changed files with 579400 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>