@syncfusion/ej2-angular-maps 26.1.35 → 26.1.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +2 -0
- package/package.json +7 -7
- package/schematics/collection.json +0 -45
- package/schematics/generators/maps-annotation/images/__path__/__name@dasherize__/compass.svg +0 -197
- package/schematics/generators/maps-annotation/index.d.ts +0 -3
- package/schematics/generators/maps-annotation/index.js +0 -8
- package/schematics/generators/maps-annotation/index.ts +0 -8
- package/schematics/generators/maps-annotation/sample-details.d.ts +0 -5
- package/schematics/generators/maps-annotation/sample-details.js +0 -7
- package/schematics/generators/maps-annotation/sample-details.ts +0 -5
- package/schematics/generators/maps-annotation/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -21
- package/schematics/generators/maps-annotation/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -15
- package/schematics/generators/maps-annotation/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -58
- package/schematics/generators/maps-annotation/schema.d.ts +0 -3
- package/schematics/generators/maps-annotation/schema.js +0 -2
- package/schematics/generators/maps-annotation/schema.json +0 -125
- package/schematics/generators/maps-annotation/schema.ts +0 -3
- package/schematics/generators/maps-bubble/index.d.ts +0 -3
- package/schematics/generators/maps-bubble/index.js +0 -8
- package/schematics/generators/maps-bubble/index.ts +0 -8
- package/schematics/generators/maps-bubble/sample-details.d.ts +0 -5
- package/schematics/generators/maps-bubble/sample-details.js +0 -7
- package/schematics/generators/maps-bubble/sample-details.ts +0 -5
- package/schematics/generators/maps-bubble/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -3
- package/schematics/generators/maps-bubble/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -10
- package/schematics/generators/maps-bubble/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -72
- package/schematics/generators/maps-bubble/samples/__path__/__name@dasherize@if-flat__/assets/population-data.ts +0 -46
- package/schematics/generators/maps-bubble/samples/__path__/__name@dasherize@if-flat__/assets/world-map.ts +0 -184
- package/schematics/generators/maps-bubble/schema.d.ts +0 -3
- package/schematics/generators/maps-bubble/schema.js +0 -2
- package/schematics/generators/maps-bubble/schema.json +0 -125
- package/schematics/generators/maps-bubble/schema.ts +0 -3
- package/schematics/generators/maps-color-mapping/images/__path__/__name@dasherize__/ballon.png +0 -0
- package/schematics/generators/maps-color-mapping/index.d.ts +0 -3
- package/schematics/generators/maps-color-mapping/index.js +0 -8
- package/schematics/generators/maps-color-mapping/index.ts +0 -8
- package/schematics/generators/maps-color-mapping/sample-details.d.ts +0 -5
- package/schematics/generators/maps-color-mapping/sample-details.js +0 -7
- package/schematics/generators/maps-color-mapping/sample-details.ts +0 -5
- package/schematics/generators/maps-color-mapping/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -3
- package/schematics/generators/maps-color-mapping/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -8
- package/schematics/generators/maps-color-mapping/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -77
- package/schematics/generators/maps-color-mapping/schema.d.ts +0 -3
- package/schematics/generators/maps-color-mapping/schema.js +0 -2
- package/schematics/generators/maps-color-mapping/schema.json +0 -125
- package/schematics/generators/maps-color-mapping/schema.ts +0 -3
- package/schematics/generators/maps-default/images/__path__/__name@dasherize__/ballon.png +0 -0
- package/schematics/generators/maps-default/index.d.ts +0 -3
- package/schematics/generators/maps-default/index.js +0 -8
- package/schematics/generators/maps-default/index.ts +0 -8
- package/schematics/generators/maps-default/sample-details.d.ts +0 -5
- package/schematics/generators/maps-default/sample-details.js +0 -7
- package/schematics/generators/maps-default/sample-details.ts +0 -5
- package/schematics/generators/maps-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -3
- package/schematics/generators/maps-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -10
- package/schematics/generators/maps-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -33
- package/schematics/generators/maps-default/schema.d.ts +0 -3
- package/schematics/generators/maps-default/schema.js +0 -2
- package/schematics/generators/maps-default/schema.json +0 -125
- package/schematics/generators/maps-default/schema.ts +0 -3
- package/schematics/generators/maps-label/index.d.ts +0 -3
- package/schematics/generators/maps-label/index.js +0 -8
- package/schematics/generators/maps-label/index.ts +0 -8
- package/schematics/generators/maps-label/sample-details.d.ts +0 -5
- package/schematics/generators/maps-label/sample-details.js +0 -7
- package/schematics/generators/maps-label/sample-details.ts +0 -5
- package/schematics/generators/maps-label/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -3
- package/schematics/generators/maps-label/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -8
- package/schematics/generators/maps-label/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -38
- package/schematics/generators/maps-label/samples/__path__/__name@dasherize@if-flat__/assets/world-map.ts +0 -184
- package/schematics/generators/maps-label/schema.d.ts +0 -3
- package/schematics/generators/maps-label/schema.js +0 -2
- package/schematics/generators/maps-label/schema.json +0 -125
- package/schematics/generators/maps-label/schema.ts +0 -3
- package/schematics/generators/maps-legend/images/__path__/__name@dasherize__/ballon.png +0 -0
- package/schematics/generators/maps-legend/index.d.ts +0 -3
- package/schematics/generators/maps-legend/index.js +0 -8
- package/schematics/generators/maps-legend/index.ts +0 -8
- package/schematics/generators/maps-legend/sample-details.d.ts +0 -5
- package/schematics/generators/maps-legend/sample-details.js +0 -7
- package/schematics/generators/maps-legend/sample-details.ts +0 -5
- package/schematics/generators/maps-legend/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -3
- package/schematics/generators/maps-legend/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -8
- package/schematics/generators/maps-legend/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -102
- package/schematics/generators/maps-legend/schema.d.ts +0 -3
- package/schematics/generators/maps-legend/schema.js +0 -2
- package/schematics/generators/maps-legend/schema.json +0 -125
- package/schematics/generators/maps-legend/schema.ts +0 -3
- package/schematics/generators/maps-marker/images/__path__/__name@dasherize__/ballon.png +0 -0
- package/schematics/generators/maps-marker/index.d.ts +0 -3
- package/schematics/generators/maps-marker/index.js +0 -8
- package/schematics/generators/maps-marker/index.ts +0 -8
- package/schematics/generators/maps-marker/sample-details.d.ts +0 -5
- package/schematics/generators/maps-marker/sample-details.js +0 -7
- package/schematics/generators/maps-marker/sample-details.ts +0 -5
- package/schematics/generators/maps-marker/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -3
- package/schematics/generators/maps-marker/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -10
- package/schematics/generators/maps-marker/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -101
- package/schematics/generators/maps-marker/schema.d.ts +0 -3
- package/schematics/generators/maps-marker/schema.js +0 -2
- package/schematics/generators/maps-marker/schema.json +0 -125
- package/schematics/generators/maps-marker/schema.ts +0 -3
- package/schematics/generators/maps-navigation-line/index.d.ts +0 -3
- package/schematics/generators/maps-navigation-line/index.js +0 -8
- package/schematics/generators/maps-navigation-line/index.ts +0 -8
- package/schematics/generators/maps-navigation-line/sample-details.d.ts +0 -5
- package/schematics/generators/maps-navigation-line/sample-details.js +0 -7
- package/schematics/generators/maps-navigation-line/sample-details.ts +0 -5
- package/schematics/generators/maps-navigation-line/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -19
- package/schematics/generators/maps-navigation-line/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -6
- package/schematics/generators/maps-navigation-line/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -121
- package/schematics/generators/maps-navigation-line/samples/__path__/__name@dasherize@if-flat__/assets/map-location.ts +0 -128
- package/schematics/generators/maps-navigation-line/samples/__path__/__name@dasherize@if-flat__/assets/world-map.ts +0 -184
- package/schematics/generators/maps-navigation-line/schema.d.ts +0 -3
- package/schematics/generators/maps-navigation-line/schema.js +0 -2
- package/schematics/generators/maps-navigation-line/schema.json +0 -125
- package/schematics/generators/maps-navigation-line/schema.ts +0 -3
- package/schematics/generators/maps-osm/index.d.ts +0 -3
- package/schematics/generators/maps-osm/index.js +0 -8
- package/schematics/generators/maps-osm/index.ts +0 -8
- package/schematics/generators/maps-osm/sample-details.d.ts +0 -5
- package/schematics/generators/maps-osm/sample-details.js +0 -7
- package/schematics/generators/maps-osm/sample-details.ts +0 -5
- package/schematics/generators/maps-osm/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -3
- package/schematics/generators/maps-osm/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -10
- package/schematics/generators/maps-osm/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts +0 -33
- package/schematics/generators/maps-osm/schema.d.ts +0 -3
- package/schematics/generators/maps-osm/schema.js +0 -2
- package/schematics/generators/maps-osm/schema.json +0 -125
- package/schematics/generators/maps-osm/schema.ts +0 -3
- package/schematics/ng-add/index.d.ts +0 -3
- package/schematics/ng-add/index.js +0 -9
- package/schematics/ng-add/schema.d.ts +0 -13
- package/schematics/ng-add/schema.js +0 -2
- package/schematics/utils/lib-details.d.ts +0 -4
- package/schematics/utils/lib-details.js +0 -6
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
/* eslint-disable */
|
|
2
|
-
import { Component, ViewEncapsulation } from '@angular/core';
|
|
3
|
-
import { MapsTheme, Maps, Bubble, IBubbleRenderingEventArgs, MapsTooltip, ILoadEventArgs, } from '@syncfusion/ej2-angular-maps';
|
|
4
|
-
import { internetUsers } from './assets/population-data';
|
|
5
|
-
import { world_map } from './assets/world-map';
|
|
6
|
-
|
|
7
|
-
Maps.Inject(Bubble, MapsTooltip);
|
|
8
|
-
|
|
9
|
-
export interface Data { value?: number; }
|
|
10
|
-
|
|
11
|
-
@Component({
|
|
12
|
-
selector: '<%=dasherize(selector)%>',
|
|
13
|
-
templateUrl: '<%=dasherize(name)%>.component.html',
|
|
14
|
-
styleUrls: ['<%=dasherize(name)%>.component.css'],
|
|
15
|
-
encapsulation: ViewEncapsulation.None
|
|
16
|
-
})
|
|
17
|
-
export class <%= classify(name) %>Component {
|
|
18
|
-
public load = (args: ILoadEventArgs) => {
|
|
19
|
-
let theme: string = location.hash.split('/')[1];
|
|
20
|
-
theme = theme ? theme : 'Material';
|
|
21
|
-
args.maps.theme = <MapsTheme>(theme.charAt(0).toUpperCase() + theme.slice(1));
|
|
22
|
-
}
|
|
23
|
-
public zoomSettings: object= {
|
|
24
|
-
enable: true,
|
|
25
|
-
horizontalAlignment: 'Near',
|
|
26
|
-
toolBarOrientation: 'Vertical',
|
|
27
|
-
pinchZooming: true
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
public titleSettings : object = {
|
|
31
|
-
text: 'Top 30 countries with highest Internet users',
|
|
32
|
-
titleStyle: {
|
|
33
|
-
size: '16px'
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
public layers: object[] = [
|
|
38
|
-
{
|
|
39
|
-
shapeDataPath: 'name',
|
|
40
|
-
shapePropertyPath: 'name',
|
|
41
|
-
shapeData: world_map,
|
|
42
|
-
shapeSettings: {
|
|
43
|
-
fill: '#E5E5E5'
|
|
44
|
-
},
|
|
45
|
-
bubbleSettings: [
|
|
46
|
-
{
|
|
47
|
-
visible: true,
|
|
48
|
-
valuePath: 'value',
|
|
49
|
-
colorValuePath: 'color',
|
|
50
|
-
minRadius: 3,
|
|
51
|
-
maxRadius: 70,
|
|
52
|
-
opacity: 0.8,
|
|
53
|
-
dataSource: internetUsers,
|
|
54
|
-
tooltipSettings: {
|
|
55
|
-
visible: true,
|
|
56
|
-
valuePath: 'population',
|
|
57
|
-
format: 'Country: ${name} <br> Population: ${population}'
|
|
58
|
-
},
|
|
59
|
-
}
|
|
60
|
-
]
|
|
61
|
-
}
|
|
62
|
-
]
|
|
63
|
-
|
|
64
|
-
public bubbleRendering = (args: IBubbleRenderingEventArgs) => {
|
|
65
|
-
args.radius = (args.data as Data).value;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
constructor() {
|
|
69
|
-
//code
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
/* eslint-disable */
|
|
2
|
-
export let internetUsers: any = [
|
|
3
|
-
{ 'rank': 1, 'name': 'China', 'value': bubblesize(746662194), 'color': '#7F38A0', 'population': 746662194},
|
|
4
|
-
{ 'rank': 2, 'name': 'India', 'value': bubblesize(391292635), 'color': '#7F38A0 ', 'population': 391292635 },
|
|
5
|
-
{ 'rank': 3, 'name': 'United States', 'value': bubblesize(245436423), 'color': '#99295D ','population': 245436423 },
|
|
6
|
-
{ 'rank': 4, 'name': 'Brazil', 'value': bubblesize(123927230), 'color': '#364A98','population': 123927230 },
|
|
7
|
-
{ 'rank': 5, 'name': 'Japan', 'value': bubblesize(117528631), 'color': '#7F38A0 ','population': 117528631 },
|
|
8
|
-
{ 'rank': 6, 'name': 'Russia', 'value': bubblesize(110003284), 'color': '#2E769F','population': 110003284 },
|
|
9
|
-
{ 'rank': 7, 'name': 'Mexico', 'value': bubblesize(75937568), 'color': '#99295D ','population': 75937568 },
|
|
10
|
-
{ 'rank': 8, 'name': 'Germany', 'value': bubblesize(73436503), 'color': '#2E769F', 'population': 73436503 },
|
|
11
|
-
{ 'rank': 9, 'name': 'Indonesia', 'value': bubblesize(66244991), 'color': '#7F38A0 ', 'population': 66244991 },
|
|
12
|
-
{ 'rank': 10, 'name': 'United Kingdom', 'value': bubblesize(62354410), 'color': '#2E769F', 'population': 62354410 },
|
|
13
|
-
{ 'rank': 11, 'name': 'Philippines', 'value': bubblesize(57342723), 'color': '#7F38A0 ', 'population': 57342723 },
|
|
14
|
-
{ 'rank': 12, 'name': 'France', 'value': bubblesize(55413854), 'color': '#2E769F', 'population': 55413854 },
|
|
15
|
-
{ 'rank': 13, 'name': 'Nigeria', 'value': bubblesize(47743541), 'color': '#816F28', 'population': 47743541 },
|
|
16
|
-
{ 'rank': 14, 'name': 'South Africa', 'value': bubblesize(47094267), 'color': '#816F28', 'population': 47094267 },
|
|
17
|
-
{ 'rank': 15, 'name': 'Turkey', 'value': bubblesize(46395500), 'color': '#2E769F', 'population': 46395500 },
|
|
18
|
-
{ 'rank': 16, 'name': 'Vietnam', 'value': bubblesize(43974618), 'color': '#7F38A0 ', 'population': 43974618 },
|
|
19
|
-
{ 'rank': 17, 'name': 'Iran', 'value': bubblesize(42731675), 'color': '#7F38A0 ', 'population': 42731675 },
|
|
20
|
-
{ 'rank': 18, 'name': 'Egypt', 'value': bubblesize(37519531), 'color': '#816F28', 'population': 37519531 },
|
|
21
|
-
{ 'rank': 19, 'name': 'Spain', 'value': bubblesize(37337607), 'color': '#2E769F', 'population': 37337607 },
|
|
22
|
-
{ 'rank': 20, 'name': 'Italy', 'value': bubblesize(36442438), 'color': '#2E769F', 'population': 36442438 },
|
|
23
|
-
{ 'rank': 21, 'name': 'Thailand', 'value': bubblesize(32710169), 'color': '#7F38A0 ', 'population': 32710169 },
|
|
24
|
-
{ 'rank': 22, 'name': 'Canada', 'value': bubblesize(32602776), 'color': '#99295D ', 'population': 32602776 },
|
|
25
|
-
{ 'rank': 23, 'name': 'Argentina', 'value': bubblesize(30758972), 'color': '#364A98', 'population': 30758972 },
|
|
26
|
-
{ 'rank': 24, 'name': 'South Africa', 'value': bubblesize(30248355), 'color': '#816F28', 'population': 30248355 },
|
|
27
|
-
{ 'rank': 25, 'name': 'Pakistan', 'value': bubblesize(29965859), 'color': '#7F38A0 ', 'population': 29965859 },
|
|
28
|
-
{ 'rank': 26, 'name': 'Bangladesh', 'value': bubblesize(29738660), 'color': '#7F38A0 ', 'population': 29738660 },
|
|
29
|
-
{ 'rank': 27, 'name': 'Colombia', 'value': bubblesize(28287098), 'color': '#364A98', 'population': 28287098 },
|
|
30
|
-
{ 'rank': 28, 'name': 'Poland', 'value': bubblesize(28018492), 'color': '#2E769F', 'population': 28018492 },
|
|
31
|
-
{ 'rank': 29, 'name': 'Malaysia', 'value': bubblesize(24572446), 'color': '#7F38A0 ', 'population': 24572446 },
|
|
32
|
-
{ 'rank': 30, 'name': 'Saudi Arabia', 'value': bubblesize(23803319), 'color': '#7F38A0 ', 'population': 23803319 },
|
|
33
|
-
|
|
34
|
-
];
|
|
35
|
-
function bubblesize(value: number): number {
|
|
36
|
-
let max: number = 1347565324;
|
|
37
|
-
let min: number = 324366;
|
|
38
|
-
let maxBox: number = 70 * 70 * 2 * Math.PI;
|
|
39
|
-
let minBox: number = 3 * 3 * 2 * Math.PI;
|
|
40
|
-
let box: number = (value - min) / (max - min) * (maxBox - minBox) + minBox;
|
|
41
|
-
if (box < minBox) {
|
|
42
|
-
box = minBox;
|
|
43
|
-
}
|
|
44
|
-
return Math.sqrt(box / (Math.PI * 2)) / 2;
|
|
45
|
-
}
|
|
46
|
-
|