2 |
2 |
3 export default Ember.Component.extend({ |
3 export default Ember.Component.extend({ |
4 // storage: Ember.inject.service(), |
4 // storage: Ember.inject.service(), |
5 didInsertElement: function(){ |
5 didInsertElement: function(){ |
6 var _this = this; |
6 var _this = this; |
7 // console.log("maps : ", AmCharts.maps); |
|
8 // |
|
9 // console.log('test: ', this.get("query")); |
|
10 // |
|
11 // this.get("sounds").map(item => { |
|
12 // console.log(item.get('title')); |
|
13 // }); |
|
14 |
7 |
15 var continentsDataProvider; |
8 var continentsDataProvider; |
16 |
9 |
17 var franceDataProvider = { |
10 var franceDataProvider = { |
18 mapVar: AmCharts.maps.franceDepartmentsLow, |
11 mapVar: AmCharts.maps.france2016Low, |
19 getAreasFromMap:true, |
12 getAreasFromMap:true, |
20 |
13 |
21 areas: this.initArea(AmCharts.maps.franceDepartmentsLow) |
14 areas: this.initArea(AmCharts.maps.france2016Low) |
22 }; |
15 }; |
23 |
16 |
24 var worldDataProvider = { |
17 var worldDataProvider = { |
25 map: "worldLow", |
18 map: "worldLow", |
26 getAreasFromMap: true, |
19 getAreasFromMap: true, |
87 selectedOutlineColor: "#CC0000", |
80 selectedOutlineColor: "#CC0000", |
88 selectedColor: "green", |
81 selectedColor: "green", |
89 color: "#E0EEEF" |
82 color: "#E0EEEF" |
90 }, |
83 }, |
91 |
84 |
92 dataProvider: continentsDataProvider |
85 dataProvider: continentsDataProvider, |
|
86 |
|
87 listeners: [{event:"clickMapObject", method:handleMapObjectClick}] |
93 |
88 |
94 }); |
89 }); |
95 |
90 |
96 function handleGoHome() { |
91 function handleGoHome() { |
97 map.dataProvider = continentsDataProvider; |
92 map.dataProvider = continentsDataProvider; |
98 map.validateNow(); |
93 map.validateNow(); |
99 } |
94 } |
100 function handleMapObjectClick (event) { |
95 function handleMapObjectClick (event) { |
|
96 console.log("bbox: ", event.mapObject.displayObject.node.getBBox()); |
|
97 // console.log("event", event); |
|
98 // console.log("originalTarget", event.event.originalTarget); |
|
99 // console.log("getTotalLength", event.event.originalTarget.getTotalLength()); |
|
100 // console.log("getBBox", event.event.originalTarget.getBBox()); |
|
101 // console.log("event", event.event.originalTarget.attributes[1].d); |
101 if (event.mapObject.id == "backButton") { |
102 if (event.mapObject.id == "backButton") { |
102 handleGoHome(); |
103 handleGoHome(); |
103 } |
104 } |
104 _this.sendAction('action', event.mapObject.title); |
105 _this.sendAction('action', event.mapObject.title); |
105 } |
106 } |
106 |
107 |
107 // monitor when home icon was clicked and also go to continents map |
108 // monitor when home icon was clicked and also go to continents map |
108 map.addListener("homeButtonClicked", handleGoHome); |
109 map.addListener("homeButtonClicked", handleGoHome); |
109 map.addListener("clickMapObject", handleMapObjectClick); |
|
110 }, |
110 }, |
111 initArea: function(area, dataProvider){ |
111 initArea: function(area, dataProvider){ |
112 var _this = this; |
112 var _this = this; |
113 |
113 |
114 var areaList = []; |
114 var areaList = []; |