mirror of
https://github.com/akveo/ngx-admin.git
synced 2026-03-12 16:42:33 +01:00
lineMaps component refactoring
This commit is contained in:
nixa
parent
b50775a96a
commit
ff2dc24eee
5 changed files with 262 additions and 468 deletions
|
|
@ -6,7 +6,7 @@ import {BubbleMapsService} from "./bubbleMaps.service";
|
||||||
|
|
||||||
require('ammap3');
|
require('ammap3');
|
||||||
require('ammap3/ammap/maps/js/worldLow');
|
require('ammap3/ammap/maps/js/worldLow');
|
||||||
|
// TODO: use baAmChart instead of this
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'bubble-maps',
|
selector: 'bubble-maps',
|
||||||
pipes: [],
|
pipes: [],
|
||||||
|
|
|
||||||
|
|
@ -1,55 +1,22 @@
|
||||||
import {Component, ViewEncapsulation} from '@angular/core';
|
import {Component, ViewEncapsulation} from '@angular/core';
|
||||||
import {BaCard} from '../../../../theme/components';
|
import {BaCard, BaAmChart} from '../../../../theme/components';
|
||||||
|
|
||||||
import {layoutColors, layoutPaths} from "../../../../theme/theme.constants";
|
|
||||||
import {LineMapsService} from "./lineMaps.service";
|
import {LineMapsService} from "./lineMaps.service";
|
||||||
|
|
||||||
require('ammap3');
|
|
||||||
require('ammap3/ammap/maps/js/worldLow');
|
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'line-maps',
|
selector: 'line-maps',
|
||||||
pipes: [],
|
pipes: [],
|
||||||
providers: [LineMapsService],
|
providers: [LineMapsService],
|
||||||
// otherwise maps won't work
|
|
||||||
encapsulation: ViewEncapsulation.None,
|
encapsulation: ViewEncapsulation.None,
|
||||||
styles: [require('ammap3/ammap/ammap.css'), require('./lineMaps.scss')],
|
styles: [require('ammap3/ammap/ammap.css'), require('./lineMaps.scss')],
|
||||||
directives: [BaCard],
|
directives: [BaCard, BaAmChart],
|
||||||
template: require('./lineMaps.html'),
|
template: require('./lineMaps.html'),
|
||||||
})
|
})
|
||||||
export class LineMaps {
|
export class LineMaps {
|
||||||
|
|
||||||
|
chartData:Object;
|
||||||
|
|
||||||
constructor(private _lineMapsService:LineMapsService) {
|
constructor(private _lineMapsService:LineMapsService) {
|
||||||
}
|
this.chartData = this._lineMapsService.getData();
|
||||||
|
|
||||||
ngAfterViewInit() {
|
|
||||||
|
|
||||||
var map = AmCharts.makeChart('map-lines', {
|
|
||||||
type: 'map',
|
|
||||||
theme: this._lineMapsService.getTheme(),
|
|
||||||
dataProvider: this._lineMapsService.getDataProvider(),
|
|
||||||
|
|
||||||
areasSettings: {
|
|
||||||
unlistedAreasColor: layoutColors.info
|
|
||||||
},
|
|
||||||
|
|
||||||
imagesSettings: {
|
|
||||||
color: layoutColors.warningBg,
|
|
||||||
selectedColor: layoutColors.warning
|
|
||||||
},
|
|
||||||
|
|
||||||
linesSettings: {
|
|
||||||
color: layoutColors.warningBg,
|
|
||||||
alpha: 0.8
|
|
||||||
},
|
|
||||||
|
|
||||||
backgroundZoomsToTop: true,
|
|
||||||
linesAboveImages: true,
|
|
||||||
|
|
||||||
export: {
|
|
||||||
'enabled': true
|
|
||||||
},
|
|
||||||
pathToImages: layoutPaths.images.amMap
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<ba-card title="Line Maps">
|
<ba-card title="Line Maps">
|
||||||
<div id="map-lines" class="line-maps"></div>
|
<ba-am-chart id="map-lines" baAmChartClass="line-maps" [baAmChartConfiguration]="chartData"></ba-am-chart>
|
||||||
</ba-card>
|
</ba-card>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
#map-lines {
|
.line-maps {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: calc(100vh - 283px);
|
height: calc(100vh - 283px);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,211 +1,12 @@
|
||||||
import {Injectable} from '@angular/core';
|
import {Injectable} from '@angular/core';
|
||||||
import {layoutColors} from "../../../../theme/theme.constants";
|
|
||||||
|
import {layoutColors, layoutPaths} from "../../../../theme/theme.constants";
|
||||||
|
|
||||||
@Injectable()
|
@Injectable()
|
||||||
export class LineMapsService {
|
export class LineMapsService {
|
||||||
|
|
||||||
theme = {
|
|
||||||
|
|
||||||
themeName: "blur",
|
getData() {
|
||||||
|
|
||||||
AmChart: {
|
|
||||||
color: layoutColors.defaultText,
|
|
||||||
backgroundColor: "#FFFFFF"
|
|
||||||
},
|
|
||||||
|
|
||||||
AmCoordinateChart: {
|
|
||||||
colors: [layoutColors.primary, layoutColors.danger, layoutColors.warning, layoutColors.success, layoutColors.info, layoutColors.default, layoutColors.primaryDark, layoutColors.warningLight, layoutColors.successDark, layoutColors.successLight, layoutColors.successBg]
|
|
||||||
},
|
|
||||||
|
|
||||||
AmStockChart: {
|
|
||||||
colors: [layoutColors.primary, layoutColors.danger, layoutColors.warning, layoutColors.success, layoutColors.info, layoutColors.default, layoutColors.primaryDark, layoutColors.warningLight, layoutColors.successDark, layoutColors.successLight, layoutColors.successBg]
|
|
||||||
},
|
|
||||||
|
|
||||||
AmSlicedChart: {
|
|
||||||
colors: [layoutColors.primary, layoutColors.danger, layoutColors.warning, layoutColors.success, layoutColors.info, layoutColors.default, layoutColors.primaryDark, layoutColors.warningLight, layoutColors.successDark, layoutColors.successLight, layoutColors.successBg],
|
|
||||||
labelTickColor: "#FFFFFF",
|
|
||||||
labelTickAlpha: 0.3
|
|
||||||
},
|
|
||||||
|
|
||||||
AmRectangularChart: {
|
|
||||||
zoomOutButtonColor: '#FFFFFF',
|
|
||||||
zoomOutButtonRollOverAlpha: 0.15,
|
|
||||||
zoomOutButtonImage: "lens.png"
|
|
||||||
},
|
|
||||||
|
|
||||||
AxisBase: {
|
|
||||||
axisColor: "#FFFFFF",
|
|
||||||
axisAlpha: 0.3,
|
|
||||||
gridAlpha: 0.1,
|
|
||||||
gridColor: "#FFFFFF"
|
|
||||||
},
|
|
||||||
|
|
||||||
ChartScrollbar: {
|
|
||||||
backgroundColor: "#FFFFFF",
|
|
||||||
backgroundAlpha: 0.12,
|
|
||||||
graphFillAlpha: 0.5,
|
|
||||||
graphLineAlpha: 0,
|
|
||||||
selectedBackgroundColor: "#FFFFFF",
|
|
||||||
selectedBackgroundAlpha: 0.4,
|
|
||||||
gridAlpha: 0.15
|
|
||||||
},
|
|
||||||
|
|
||||||
ChartCursor: {
|
|
||||||
cursorColor: layoutColors.primary,
|
|
||||||
color: "#FFFFFF",
|
|
||||||
cursorAlpha: 0.5
|
|
||||||
},
|
|
||||||
|
|
||||||
AmLegend: {
|
|
||||||
color: "#FFFFFF"
|
|
||||||
},
|
|
||||||
|
|
||||||
AmGraph: {
|
|
||||||
lineAlpha: 0.9
|
|
||||||
},
|
|
||||||
GaugeArrow: {
|
|
||||||
color: "#FFFFFF",
|
|
||||||
alpha: 0.8,
|
|
||||||
nailAlpha: 0,
|
|
||||||
innerRadius: "40%",
|
|
||||||
nailRadius: 15,
|
|
||||||
startWidth: 15,
|
|
||||||
borderAlpha: 0.8,
|
|
||||||
nailBorderAlpha: 0
|
|
||||||
},
|
|
||||||
|
|
||||||
GaugeAxis: {
|
|
||||||
tickColor: "#FFFFFF",
|
|
||||||
tickAlpha: 1,
|
|
||||||
tickLength: 15,
|
|
||||||
minorTickLength: 8,
|
|
||||||
axisThickness: 3,
|
|
||||||
axisColor: '#FFFFFF',
|
|
||||||
axisAlpha: 1,
|
|
||||||
bandAlpha: 0.8
|
|
||||||
},
|
|
||||||
|
|
||||||
TrendLine: {
|
|
||||||
lineColor: layoutColors.danger,
|
|
||||||
lineAlpha: 0.8
|
|
||||||
},
|
|
||||||
|
|
||||||
// ammap
|
|
||||||
AreasSettings: {
|
|
||||||
alpha: 0.8,
|
|
||||||
color: layoutColors.info,
|
|
||||||
colorSolid: layoutColors.primaryDark,
|
|
||||||
unlistedAreasAlpha: 0.4,
|
|
||||||
unlistedAreasColor: "#FFFFFF",
|
|
||||||
outlineColor: "#FFFFFF",
|
|
||||||
outlineAlpha: 0.5,
|
|
||||||
outlineThickness: 0.5,
|
|
||||||
rollOverColor: layoutColors.primary,
|
|
||||||
rollOverOutlineColor: "#FFFFFF",
|
|
||||||
selectedOutlineColor: "#FFFFFF",
|
|
||||||
selectedColor: "#f15135",
|
|
||||||
unlistedAreasOutlineColor: "#FFFFFF",
|
|
||||||
unlistedAreasOutlineAlpha: 0.5
|
|
||||||
},
|
|
||||||
|
|
||||||
LinesSettings: {
|
|
||||||
color: "#FFFFFF",
|
|
||||||
alpha: 0.8
|
|
||||||
},
|
|
||||||
|
|
||||||
ImagesSettings: {
|
|
||||||
alpha: 0.8,
|
|
||||||
labelColor: "#FFFFFF",
|
|
||||||
color: "#FFFFFF",
|
|
||||||
labelRollOverColor: layoutColors.primaryDark
|
|
||||||
},
|
|
||||||
|
|
||||||
ZoomControl: {
|
|
||||||
buttonFillAlpha: 0.8,
|
|
||||||
buttonIconColor: layoutColors.default,
|
|
||||||
buttonRollOverColor: layoutColors.danger,
|
|
||||||
buttonFillColor: layoutColors.primaryDark,
|
|
||||||
buttonBorderColor: layoutColors.primaryDark,
|
|
||||||
buttonBorderAlpha: 0,
|
|
||||||
buttonCornerRadius: 0,
|
|
||||||
gridColor: "#FFFFFF",
|
|
||||||
gridBackgroundColor: "#FFFFFF",
|
|
||||||
buttonIconAlpha: 0.6,
|
|
||||||
gridAlpha: 0.6,
|
|
||||||
buttonSize: 20
|
|
||||||
},
|
|
||||||
|
|
||||||
SmallMap: {
|
|
||||||
mapColor: "#000000",
|
|
||||||
rectangleColor: layoutColors.danger,
|
|
||||||
backgroundColor: "#FFFFFF",
|
|
||||||
backgroundAlpha: 0.7,
|
|
||||||
borderThickness: 1,
|
|
||||||
borderAlpha: 0.8
|
|
||||||
},
|
|
||||||
|
|
||||||
// the defaults below are set using CSS syntax, you can use any existing css property
|
|
||||||
// if you don't use Stock chart, you can delete lines below
|
|
||||||
PeriodSelector: {
|
|
||||||
color: "#FFFFFF"
|
|
||||||
},
|
|
||||||
|
|
||||||
PeriodButton: {
|
|
||||||
color: "#FFFFFF",
|
|
||||||
background: "transparent",
|
|
||||||
opacity: 0.7,
|
|
||||||
border: "1px solid rgba(0, 0, 0, .3)",
|
|
||||||
MozBorderRadius: "5px",
|
|
||||||
borderRadius: "5px",
|
|
||||||
margin: "1px",
|
|
||||||
outline: "none",
|
|
||||||
boxSizing: "border-box"
|
|
||||||
},
|
|
||||||
|
|
||||||
PeriodButtonSelected: {
|
|
||||||
color: "#FFFFFF",
|
|
||||||
backgroundColor: "#b9cdf5",
|
|
||||||
border: "1px solid rgba(0, 0, 0, .3)",
|
|
||||||
MozBorderRadius: "5px",
|
|
||||||
borderRadius: "5px",
|
|
||||||
margin: "1px",
|
|
||||||
outline: "none",
|
|
||||||
opacity: 1,
|
|
||||||
boxSizing: "border-box"
|
|
||||||
},
|
|
||||||
|
|
||||||
PeriodInputField: {
|
|
||||||
color: "#FFFFFF",
|
|
||||||
background: "transparent",
|
|
||||||
border: "1px solid rgba(0, 0, 0, .3)",
|
|
||||||
outline: "none"
|
|
||||||
},
|
|
||||||
|
|
||||||
DataSetSelector: {
|
|
||||||
color: "#FFFFFF",
|
|
||||||
selectedBackgroundColor: "#b9cdf5",
|
|
||||||
rollOverBackgroundColor: "#a8b0e4"
|
|
||||||
},
|
|
||||||
|
|
||||||
DataSetCompareList: {
|
|
||||||
color: "#FFFFFF",
|
|
||||||
lineHeight: "100%",
|
|
||||||
boxSizing: "initial",
|
|
||||||
webkitBoxSizing: "initial",
|
|
||||||
border: "1px solid rgba(0, 0, 0, .3)"
|
|
||||||
},
|
|
||||||
|
|
||||||
DataSetSelect: {
|
|
||||||
border: "1px solid rgba(0, 0, 0, .3)",
|
|
||||||
outline: "none"
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
getTheme() {
|
|
||||||
return this.theme;
|
|
||||||
}
|
|
||||||
|
|
||||||
getDataProvider() {
|
|
||||||
|
|
||||||
// svg path for target icon
|
// svg path for target icon
|
||||||
let targetSVG = 'M9,0C4.029,0,0,4.029,0,9s4.029,9,9,9s9-4.029,9-9S13.971,0,9,0z M9,15.93 c-3.83,0-6.93-3.1-6.93-6.93S5.17,2.07,9,2.07s6.93,3.1,6.93,6.93S12.83,15.93,9,15.93 M12.5,9c0,1.933-1.567,3.5-3.5,3.5S5.5,10.933,5.5,9S7.067,5.5,9,5.5 S12.5,7.067,12.5,9z';
|
let targetSVG = 'M9,0C4.029,0,0,4.029,0,9s4.029,9,9,9s9-4.029,9-9S13.971,0,9,0z M9,15.93 c-3.83,0-6.93-3.1-6.93-6.93S5.17,2.07,9,2.07s6.93,3.1,6.93,6.93S12.83,15.93,9,15.93 M12.5,9c0,1.933-1.567,3.5-3.5,3.5S5.5,10.933,5.5,9S7.067,5.5,9,5.5 S12.5,7.067,12.5,9z';
|
||||||
|
|
@ -213,232 +14,258 @@ export class LineMapsService {
|
||||||
let planeSVG = 'M19.671,8.11l-2.777,2.777l-3.837-0.861c0.362-0.505,0.916-1.683,0.464-2.135c-0.518-0.517-1.979,0.278-2.305,0.604l-0.913,0.913L7.614,8.804l-2.021,2.021l2.232,1.061l-0.082,0.082l1.701,1.701l0.688-0.687l3.164,1.504L9.571,18.21H6.413l-1.137,1.138l3.6,0.948l1.83,1.83l0.947,3.598l1.137-1.137V21.43l3.725-3.725l1.504,3.164l-0.687,0.687l1.702,1.701l0.081-0.081l1.062,2.231l2.02-2.02l-0.604-2.689l0.912-0.912c0.326-0.326,1.121-1.789,0.604-2.306c-0.452-0.452-1.63,0.101-2.135,0.464l-0.861-3.838l2.777-2.777c0.947-0.947,3.599-4.862,2.62-5.839C24.533,4.512,20.618,7.163,19.671,8.11z';
|
let planeSVG = 'M19.671,8.11l-2.777,2.777l-3.837-0.861c0.362-0.505,0.916-1.683,0.464-2.135c-0.518-0.517-1.979,0.278-2.305,0.604l-0.913,0.913L7.614,8.804l-2.021,2.021l2.232,1.061l-0.082,0.082l1.701,1.701l0.688-0.687l3.164,1.504L9.571,18.21H6.413l-1.137,1.138l3.6,0.948l1.83,1.83l0.947,3.598l1.137-1.137V21.43l3.725-3.725l1.504,3.164l-0.687,0.687l1.702,1.701l0.081-0.081l1.062,2.231l2.02-2.02l-0.604-2.689l0.912-0.912c0.326-0.326,1.121-1.789,0.604-2.306c-0.452-0.452-1.63,0.101-2.135,0.464l-0.861-3.838l2.777-2.777c0.947-0.947,3.599-4.862,2.62-5.839C24.533,4.512,20.618,7.163,19.671,8.11z';
|
||||||
|
|
||||||
return {
|
return {
|
||||||
map: 'worldLow',
|
type: 'map',
|
||||||
linkToObject: 'london',
|
theme: 'blur',
|
||||||
images: [ {
|
dataProvider: {
|
||||||
id: 'london',
|
map: 'worldLow',
|
||||||
svgPath: targetSVG,
|
linkToObject: 'london',
|
||||||
title: 'London',
|
|
||||||
latitude: 51.5002,
|
|
||||||
longitude: -0.1262,
|
|
||||||
scale: 1.5,
|
|
||||||
zoomLevel: 2.74,
|
|
||||||
zoomLongitude: -20.1341,
|
|
||||||
zoomLatitude: 49.1712,
|
|
||||||
|
|
||||||
lines: [ {
|
|
||||||
latitudes: [ 51.5002, 50.4422 ],
|
|
||||||
longitudes: [ -0.1262, 30.5367 ]
|
|
||||||
}, {
|
|
||||||
latitudes: [ 51.5002, 46.9480 ],
|
|
||||||
longitudes: [ -0.1262, 7.4481 ]
|
|
||||||
}, {
|
|
||||||
latitudes: [ 51.5002, 59.3328 ],
|
|
||||||
longitudes: [ -0.1262, 18.0645 ]
|
|
||||||
}, {
|
|
||||||
latitudes: [ 51.5002, 40.4167 ],
|
|
||||||
longitudes: [ -0.1262, -3.7033 ]
|
|
||||||
}, {
|
|
||||||
latitudes: [ 51.5002, 46.0514 ],
|
|
||||||
longitudes: [ -0.1262, 14.5060 ]
|
|
||||||
}, {
|
|
||||||
latitudes: [ 51.5002, 48.2116 ],
|
|
||||||
longitudes: [ -0.1262, 17.1547 ]
|
|
||||||
}, {
|
|
||||||
latitudes: [ 51.5002, 44.8048 ],
|
|
||||||
longitudes: [ -0.1262, 20.4781 ]
|
|
||||||
}, {
|
|
||||||
latitudes: [ 51.5002, 55.7558 ],
|
|
||||||
longitudes: [ -0.1262, 37.6176 ]
|
|
||||||
}, {
|
|
||||||
latitudes: [ 51.5002, 38.7072 ],
|
|
||||||
longitudes: [ -0.1262, -9.1355 ]
|
|
||||||
}, {
|
|
||||||
latitudes: [ 51.5002, 54.6896 ],
|
|
||||||
longitudes: [ -0.1262, 25.2799 ]
|
|
||||||
}, {
|
|
||||||
latitudes: [ 51.5002, 64.1353 ],
|
|
||||||
longitudes: [ -0.1262, -21.8952 ]
|
|
||||||
}, {
|
|
||||||
latitudes: [ 51.5002, 40.4300 ],
|
|
||||||
longitudes: [ -0.1262, -74.0000 ]
|
|
||||||
} ],
|
|
||||||
|
|
||||||
images: [ {
|
|
||||||
label: 'Flights from London',
|
|
||||||
svgPath: planeSVG,
|
|
||||||
left: 100,
|
|
||||||
top: 45,
|
|
||||||
labelShiftY: 5,
|
|
||||||
labelShiftX: 5,
|
|
||||||
color: layoutColors.default,
|
|
||||||
labelColor: layoutColors.default,
|
|
||||||
labelRollOverColor: layoutColors.default,
|
|
||||||
labelFontSize: 20
|
|
||||||
}, {
|
|
||||||
label: 'show flights from Vilnius',
|
|
||||||
left: 106,
|
|
||||||
top: 70,
|
|
||||||
labelColor: layoutColors.default,
|
|
||||||
labelRollOverColor: layoutColors.default,
|
|
||||||
labelFontSize: 11,
|
|
||||||
linkToObject: 'vilnius'
|
|
||||||
} ]
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
id: 'vilnius',
|
|
||||||
svgPath: targetSVG,
|
|
||||||
title: 'Vilnius',
|
|
||||||
latitude: 54.6896,
|
|
||||||
longitude: 25.2799,
|
|
||||||
scale: 1.5,
|
|
||||||
zoomLevel: 4.92,
|
|
||||||
zoomLongitude: 15.4492,
|
|
||||||
zoomLatitude: 50.2631,
|
|
||||||
|
|
||||||
lines: [ {
|
|
||||||
latitudes: [ 54.6896, 50.8371 ],
|
|
||||||
longitudes: [ 25.2799, 4.3676 ]
|
|
||||||
}, {
|
|
||||||
latitudes: [ 54.6896, 59.9138 ],
|
|
||||||
longitudes: [ 25.2799, 10.7387 ]
|
|
||||||
}, {
|
|
||||||
latitudes: [ 54.6896, 40.4167 ],
|
|
||||||
longitudes: [ 25.2799, -3.7033 ]
|
|
||||||
}, {
|
|
||||||
latitudes: [ 54.6896, 50.0878 ],
|
|
||||||
longitudes: [ 25.2799, 14.4205 ]
|
|
||||||
}, {
|
|
||||||
latitudes: [ 54.6896, 48.2116 ],
|
|
||||||
longitudes: [ 25.2799, 17.1547 ]
|
|
||||||
}, {
|
|
||||||
latitudes: [ 54.6896, 44.8048 ],
|
|
||||||
longitudes: [ 25.2799, 20.4781 ]
|
|
||||||
}, {
|
|
||||||
latitudes: [ 54.6896, 55.7558 ],
|
|
||||||
longitudes: [ 25.2799, 37.6176 ]
|
|
||||||
}, {
|
|
||||||
latitudes: [ 54.6896, 37.9792 ],
|
|
||||||
longitudes: [ 25.2799, 23.7166 ]
|
|
||||||
}, {
|
|
||||||
latitudes: [ 54.6896, 54.6896 ],
|
|
||||||
longitudes: [ 25.2799, 25.2799 ]
|
|
||||||
}, {
|
|
||||||
latitudes: [ 54.6896, 51.5002 ],
|
|
||||||
longitudes: [ 25.2799, -0.1262 ]
|
|
||||||
}, {
|
|
||||||
latitudes: [ 54.6896, 53.3441 ],
|
|
||||||
longitudes: [ 25.2799, -6.2675 ]
|
|
||||||
} ],
|
|
||||||
|
|
||||||
images: [ {
|
images: [ {
|
||||||
label: 'Flights from Vilnius',
|
id: 'london',
|
||||||
svgPath: planeSVG,
|
svgPath: targetSVG,
|
||||||
left: 100,
|
title: 'London',
|
||||||
top: 45,
|
latitude: 51.5002,
|
||||||
labelShiftY: 5,
|
longitude: -0.1262,
|
||||||
labelShiftX: 5,
|
scale: 1.5,
|
||||||
color: layoutColors.default,
|
zoomLevel: 2.74,
|
||||||
labelColor: layoutColors.default,
|
zoomLongitude: -20.1341,
|
||||||
labelRollOverColor: layoutColors.default,
|
zoomLatitude: 49.1712,
|
||||||
labelFontSize: 20
|
|
||||||
}, {
|
lines: [ {
|
||||||
label: 'show flights from London',
|
latitudes: [ 51.5002, 50.4422 ],
|
||||||
left: 106,
|
longitudes: [ -0.1262, 30.5367 ]
|
||||||
top: 70,
|
}, {
|
||||||
labelColor: layoutColors.default,
|
latitudes: [ 51.5002, 46.9480 ],
|
||||||
labelRollOverColor: layoutColors.default,
|
longitudes: [ -0.1262, 7.4481 ]
|
||||||
labelFontSize: 11,
|
}, {
|
||||||
linkToObject: 'london'
|
latitudes: [ 51.5002, 59.3328 ],
|
||||||
} ]
|
longitudes: [ -0.1262, 18.0645 ]
|
||||||
}, {
|
}, {
|
||||||
svgPath: targetSVG,
|
latitudes: [ 51.5002, 40.4167 ],
|
||||||
title: 'Brussels',
|
longitudes: [ -0.1262, -3.7033 ]
|
||||||
latitude: 50.8371,
|
}, {
|
||||||
longitude: 4.3676
|
latitudes: [ 51.5002, 46.0514 ],
|
||||||
}, {
|
longitudes: [ -0.1262, 14.5060 ]
|
||||||
svgPath: targetSVG,
|
}, {
|
||||||
title: 'Prague',
|
latitudes: [ 51.5002, 48.2116 ],
|
||||||
latitude: 50.0878,
|
longitudes: [ -0.1262, 17.1547 ]
|
||||||
longitude: 14.4205
|
}, {
|
||||||
}, {
|
latitudes: [ 51.5002, 44.8048 ],
|
||||||
svgPath: targetSVG,
|
longitudes: [ -0.1262, 20.4781 ]
|
||||||
title: 'Athens',
|
}, {
|
||||||
latitude: 37.9792,
|
latitudes: [ 51.5002, 55.7558 ],
|
||||||
longitude: 23.7166
|
longitudes: [ -0.1262, 37.6176 ]
|
||||||
}, {
|
}, {
|
||||||
svgPath: targetSVG,
|
latitudes: [ 51.5002, 38.7072 ],
|
||||||
title: 'Reykjavik',
|
longitudes: [ -0.1262, -9.1355 ]
|
||||||
latitude: 64.1353,
|
}, {
|
||||||
longitude: -21.8952
|
latitudes: [ 51.5002, 54.6896 ],
|
||||||
}, {
|
longitudes: [ -0.1262, 25.2799 ]
|
||||||
svgPath: targetSVG,
|
}, {
|
||||||
title: 'Dublin',
|
latitudes: [ 51.5002, 64.1353 ],
|
||||||
latitude: 53.3441,
|
longitudes: [ -0.1262, -21.8952 ]
|
||||||
longitude: -6.2675
|
}, {
|
||||||
}, {
|
latitudes: [ 51.5002, 40.4300 ],
|
||||||
svgPath: targetSVG,
|
longitudes: [ -0.1262, -74.0000 ]
|
||||||
title: 'Oslo',
|
} ],
|
||||||
latitude: 59.9138,
|
|
||||||
longitude: 10.7387
|
images: [ {
|
||||||
}, {
|
label: 'Flights from London',
|
||||||
svgPath: targetSVG,
|
svgPath: planeSVG,
|
||||||
title: 'Lisbon',
|
left: 100,
|
||||||
latitude: 38.7072,
|
top: 45,
|
||||||
longitude: -9.1355
|
labelShiftY: 5,
|
||||||
}, {
|
labelShiftX: 5,
|
||||||
svgPath: targetSVG,
|
color: layoutColors.default,
|
||||||
title: 'Moscow',
|
labelColor: layoutColors.default,
|
||||||
latitude: 55.7558,
|
labelRollOverColor: layoutColors.default,
|
||||||
longitude: 37.6176
|
labelFontSize: 20
|
||||||
}, {
|
}, {
|
||||||
svgPath: targetSVG,
|
label: 'show flights from Vilnius',
|
||||||
title: 'Belgrade',
|
left: 106,
|
||||||
latitude: 44.8048,
|
top: 70,
|
||||||
longitude: 20.4781
|
labelColor: layoutColors.default,
|
||||||
}, {
|
labelRollOverColor: layoutColors.default,
|
||||||
svgPath: targetSVG,
|
labelFontSize: 11,
|
||||||
title: 'Bratislava',
|
linkToObject: 'vilnius'
|
||||||
latitude: 48.2116,
|
} ]
|
||||||
longitude: 17.1547
|
},
|
||||||
}, {
|
|
||||||
svgPath: targetSVG,
|
{
|
||||||
title: 'Ljubljana',
|
id: 'vilnius',
|
||||||
latitude: 46.0514,
|
svgPath: targetSVG,
|
||||||
longitude: 14.5060
|
title: 'Vilnius',
|
||||||
}, {
|
latitude: 54.6896,
|
||||||
svgPath: targetSVG,
|
longitude: 25.2799,
|
||||||
title: 'Madrid',
|
scale: 1.5,
|
||||||
latitude: 40.4167,
|
zoomLevel: 4.92,
|
||||||
longitude: -3.7033
|
zoomLongitude: 15.4492,
|
||||||
}, {
|
zoomLatitude: 50.2631,
|
||||||
svgPath: targetSVG,
|
|
||||||
title: 'Stockholm',
|
lines: [ {
|
||||||
latitude: 59.3328,
|
latitudes: [ 54.6896, 50.8371 ],
|
||||||
longitude: 18.0645
|
longitudes: [ 25.2799, 4.3676 ]
|
||||||
}, {
|
}, {
|
||||||
svgPath: targetSVG,
|
latitudes: [ 54.6896, 59.9138 ],
|
||||||
title: 'Bern',
|
longitudes: [ 25.2799, 10.7387 ]
|
||||||
latitude: 46.9480,
|
}, {
|
||||||
longitude: 7.4481
|
latitudes: [ 54.6896, 40.4167 ],
|
||||||
}, {
|
longitudes: [ 25.2799, -3.7033 ]
|
||||||
svgPath: targetSVG,
|
}, {
|
||||||
title: 'Kiev',
|
latitudes: [ 54.6896, 50.0878 ],
|
||||||
latitude: 50.4422,
|
longitudes: [ 25.2799, 14.4205 ]
|
||||||
longitude: 30.5367
|
}, {
|
||||||
}, {
|
latitudes: [ 54.6896, 48.2116 ],
|
||||||
svgPath: targetSVG,
|
longitudes: [ 25.2799, 17.1547 ]
|
||||||
title: 'Paris',
|
}, {
|
||||||
latitude: 48.8567,
|
latitudes: [ 54.6896, 44.8048 ],
|
||||||
longitude: 2.3510
|
longitudes: [ 25.2799, 20.4781 ]
|
||||||
}, {
|
}, {
|
||||||
svgPath: targetSVG,
|
latitudes: [ 54.6896, 55.7558 ],
|
||||||
title: 'New York',
|
longitudes: [ 25.2799, 37.6176 ]
|
||||||
latitude: 40.43,
|
}, {
|
||||||
longitude: -74
|
latitudes: [ 54.6896, 37.9792 ],
|
||||||
}
|
longitudes: [ 25.2799, 23.7166 ]
|
||||||
]
|
}, {
|
||||||
|
latitudes: [ 54.6896, 54.6896 ],
|
||||||
|
longitudes: [ 25.2799, 25.2799 ]
|
||||||
|
}, {
|
||||||
|
latitudes: [ 54.6896, 51.5002 ],
|
||||||
|
longitudes: [ 25.2799, -0.1262 ]
|
||||||
|
}, {
|
||||||
|
latitudes: [ 54.6896, 53.3441 ],
|
||||||
|
longitudes: [ 25.2799, -6.2675 ]
|
||||||
|
} ],
|
||||||
|
|
||||||
|
images: [ {
|
||||||
|
label: 'Flights from Vilnius',
|
||||||
|
svgPath: planeSVG,
|
||||||
|
left: 100,
|
||||||
|
top: 45,
|
||||||
|
labelShiftY: 5,
|
||||||
|
labelShiftX: 5,
|
||||||
|
color: layoutColors.default,
|
||||||
|
labelColor: layoutColors.default,
|
||||||
|
labelRollOverColor: layoutColors.default,
|
||||||
|
labelFontSize: 20
|
||||||
|
}, {
|
||||||
|
label: 'show flights from London',
|
||||||
|
left: 106,
|
||||||
|
top: 70,
|
||||||
|
labelColor: layoutColors.default,
|
||||||
|
labelRollOverColor: layoutColors.default,
|
||||||
|
labelFontSize: 11,
|
||||||
|
linkToObject: 'london'
|
||||||
|
} ]
|
||||||
|
}, {
|
||||||
|
svgPath: targetSVG,
|
||||||
|
title: 'Brussels',
|
||||||
|
latitude: 50.8371,
|
||||||
|
longitude: 4.3676
|
||||||
|
}, {
|
||||||
|
svgPath: targetSVG,
|
||||||
|
title: 'Prague',
|
||||||
|
latitude: 50.0878,
|
||||||
|
longitude: 14.4205
|
||||||
|
}, {
|
||||||
|
svgPath: targetSVG,
|
||||||
|
title: 'Athens',
|
||||||
|
latitude: 37.9792,
|
||||||
|
longitude: 23.7166
|
||||||
|
}, {
|
||||||
|
svgPath: targetSVG,
|
||||||
|
title: 'Reykjavik',
|
||||||
|
latitude: 64.1353,
|
||||||
|
longitude: -21.8952
|
||||||
|
}, {
|
||||||
|
svgPath: targetSVG,
|
||||||
|
title: 'Dublin',
|
||||||
|
latitude: 53.3441,
|
||||||
|
longitude: -6.2675
|
||||||
|
}, {
|
||||||
|
svgPath: targetSVG,
|
||||||
|
title: 'Oslo',
|
||||||
|
latitude: 59.9138,
|
||||||
|
longitude: 10.7387
|
||||||
|
}, {
|
||||||
|
svgPath: targetSVG,
|
||||||
|
title: 'Lisbon',
|
||||||
|
latitude: 38.7072,
|
||||||
|
longitude: -9.1355
|
||||||
|
}, {
|
||||||
|
svgPath: targetSVG,
|
||||||
|
title: 'Moscow',
|
||||||
|
latitude: 55.7558,
|
||||||
|
longitude: 37.6176
|
||||||
|
}, {
|
||||||
|
svgPath: targetSVG,
|
||||||
|
title: 'Belgrade',
|
||||||
|
latitude: 44.8048,
|
||||||
|
longitude: 20.4781
|
||||||
|
}, {
|
||||||
|
svgPath: targetSVG,
|
||||||
|
title: 'Bratislava',
|
||||||
|
latitude: 48.2116,
|
||||||
|
longitude: 17.1547
|
||||||
|
}, {
|
||||||
|
svgPath: targetSVG,
|
||||||
|
title: 'Ljubljana',
|
||||||
|
latitude: 46.0514,
|
||||||
|
longitude: 14.5060
|
||||||
|
}, {
|
||||||
|
svgPath: targetSVG,
|
||||||
|
title: 'Madrid',
|
||||||
|
latitude: 40.4167,
|
||||||
|
longitude: -3.7033
|
||||||
|
}, {
|
||||||
|
svgPath: targetSVG,
|
||||||
|
title: 'Stockholm',
|
||||||
|
latitude: 59.3328,
|
||||||
|
longitude: 18.0645
|
||||||
|
}, {
|
||||||
|
svgPath: targetSVG,
|
||||||
|
title: 'Bern',
|
||||||
|
latitude: 46.9480,
|
||||||
|
longitude: 7.4481
|
||||||
|
}, {
|
||||||
|
svgPath: targetSVG,
|
||||||
|
title: 'Kiev',
|
||||||
|
latitude: 50.4422,
|
||||||
|
longitude: 30.5367
|
||||||
|
}, {
|
||||||
|
svgPath: targetSVG,
|
||||||
|
title: 'Paris',
|
||||||
|
latitude: 48.8567,
|
||||||
|
longitude: 2.3510
|
||||||
|
}, {
|
||||||
|
svgPath: targetSVG,
|
||||||
|
title: 'New York',
|
||||||
|
latitude: 40.43,
|
||||||
|
longitude: -74
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
|
||||||
|
areasSettings: {
|
||||||
|
unlistedAreasColor: layoutColors.info
|
||||||
|
},
|
||||||
|
|
||||||
|
imagesSettings: {
|
||||||
|
color: layoutColors.warningBg,
|
||||||
|
selectedColor: layoutColors.warning
|
||||||
|
},
|
||||||
|
|
||||||
|
linesSettings: {
|
||||||
|
color: layoutColors.warningBg,
|
||||||
|
alpha: 0.8
|
||||||
|
},
|
||||||
|
|
||||||
|
backgroundZoomsToTop: true,
|
||||||
|
linesAboveImages: true,
|
||||||
|
|
||||||
|
export: {
|
||||||
|
'enabled': true
|
||||||
|
},
|
||||||
|
pathToImages: layoutPaths.images.amMap
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue