mapping-component-package-jp 0.2.16 → 0.2.17

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mapping-component-package-jp",
3
- "version": "0.2.16",
3
+ "version": "0.2.17",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -241,30 +241,6 @@ export class IQLCircleSector {
241
241
 
242
242
  }
243
243
 
244
- /*
245
- var handleIconUp = {
246
- path: 'M0,0 32,0 16,27.7z',
247
- fillColor: '#ffffff',
248
- fillOpacity: 1,
249
- anchor: new google.maps.Point(16, 28),
250
- strokeWeight: 1,
251
- strokeOpacity: 1,
252
- strokeColor: '#303030',
253
- scale: 1,
254
- id: 'handleIcon'
255
- };
256
- var handleIconDown = {
257
- path: 'M16,0 32,27.7 0,27.7z',
258
- fillColor: '#ffffff',
259
- fillOpacity: 1,
260
- anchor: new google.maps.Point(16, 0),
261
- strokeWeight: 1,
262
- strokeOpacity: 1,
263
- strokeColor: '#303030',
264
- scale: 1,
265
- id: 'handleIcon'
266
- };
267
- */
268
244
 
269
245
  function DistanceWidget(map, cs) {
270
246
 
@@ -341,6 +317,31 @@ export class IQLCircleSector {
341
317
  }
342
318
  marker.setIcon(handleIconDown);
343
319
  });
320
+
321
+ google.maps.event.addListener(marker, 'dragend', function () {
322
+ if (controlMarkers && controlMarkers.length > 0) {
323
+ controlMarkers.forEach(function(m) {
324
+ if (!m) return;
325
+ if (m.id == 'centerMarker') {
326
+ m.setIcon(centerIcon);
327
+ } else if(m.id == 'startPin') {
328
+ m.setIcon(startPinIcon);
329
+ } else if(m.id == 'endPin') {
330
+ m.setIcon(endPinIcon);
331
+ } else if (m.id == 'sizerTop') {
332
+ m.setIcon(sizerIconTop);
333
+ } else if (m.id == 'sizerRight') {
334
+ m.setIcon(sizerIconRight);
335
+ } else if (m.id == 'sizerBottom') {
336
+ m.setIcon(sizerIconBottom);
337
+ } else if (m.id == 'sizerLeft') {
338
+ m.setIcon(sizerIconLeft);
339
+ }
340
+ });
341
+ }
342
+ marker.setIcon(centerIcon);
343
+ });
344
+
344
345
  controlMarkers.push(marker);
345
346
  //console.log(controlMarkers);
346
347
  }
@@ -510,7 +511,29 @@ export class IQLCircleSector {
510
511
  });
511
512
 
512
513
  google.maps.event.addListener(startPin, 'dragend', function () {
513
- var min = 5; //min radius in m
514
+ this.setIcon(startPinIcon);
515
+ if (controlMarkers && controlMarkers.length > 0) {
516
+ controlMarkers.forEach(function(m) {
517
+ if (!m) return;
518
+ if (m.id == 'centerMarker') {
519
+ m.setIcon(centerIcon);
520
+ } else if(m.id == 'startPin') {
521
+ m.setIcon(startPinIcon);
522
+ } else if(m.id == 'endPin') {
523
+ m.setIcon(endPinIcon);
524
+ } else if (m.id == 'sizerTop') {
525
+ m.setIcon(sizerIconTop);
526
+ } else if (m.id == 'sizerRight') {
527
+ m.setIcon(sizerIconRight);
528
+ } else if (m.id == 'sizerBottom') {
529
+ m.setIcon(sizerIconBottom);
530
+ } else if (m.id == 'sizerLeft') {
531
+ m.setIcon(sizerIconLeft);
532
+ }
533
+ });
534
+ }
535
+
536
+ var min = 5; //min radius in m
514
537
  var max = 2000; //max radius in m
515
538
  var pos = sp.get('startPin_position');
516
539
  var center = sp.get('center');
@@ -622,7 +645,29 @@ export class IQLCircleSector {
622
645
  });
623
646
 
624
647
  google.maps.event.addListener(endPin, 'dragend', function () {
625
- var min = 5; //min radius in m
648
+ this.setIcon(endPinIcon);
649
+ if (controlMarkers && controlMarkers.length > 0) {
650
+ controlMarkers.forEach(function(m) {
651
+ if (!m) return;
652
+ if (m.id == 'centerMarker') {
653
+ m.setIcon(centerIcon);
654
+ } else if(m.id == 'startPin') {
655
+ m.setIcon(startPinIcon);
656
+ } else if(m.id == 'endPin') {
657
+ m.setIcon(endPinIcon);
658
+ } else if (m.id == 'sizerTop') {
659
+ m.setIcon(sizerIconTop);
660
+ } else if (m.id == 'sizerRight') {
661
+ m.setIcon(sizerIconRight);
662
+ } else if (m.id == 'sizerBottom') {
663
+ m.setIcon(sizerIconBottom);
664
+ } else if (m.id == 'sizerLeft') {
665
+ m.setIcon(sizerIconLeft);
666
+ }
667
+ });
668
+ }
669
+
670
+ var min = 5; //min radius in m
626
671
  var max = 2000; //max radius in m
627
672
  var pos = ep.get('endPin_position');
628
673
  var center = ep.get('center');
@@ -726,7 +771,29 @@ export class IQLCircleSector {
726
771
  });
727
772
 
728
773
  google.maps.event.addListener(sizerTop, 'dragend', function () {
729
- var min = 5; //min radius in m
774
+ this.setIcon(sizerIconTop);
775
+ if (controlMarkers && controlMarkers.length > 0) {
776
+ controlMarkers.forEach(function(m) {
777
+ if (!m) return;
778
+ if (m.id == 'centerMarker') {
779
+ m.setIcon(centerIcon);
780
+ } else if(m.id == 'startPin') {
781
+ m.setIcon(startPinIcon);
782
+ } else if(m.id == 'endPin') {
783
+ m.setIcon(endPinIcon);
784
+ } else if (m.id == 'sizerTop') {
785
+ m.setIcon(sizerIconTop);
786
+ } else if (m.id == 'sizerRight') {
787
+ m.setIcon(sizerIconRight);
788
+ } else if (m.id == 'sizerBottom') {
789
+ m.setIcon(sizerIconBottom);
790
+ } else if (m.id == 'sizerLeft') {
791
+ m.setIcon(sizerIconLeft);
792
+ }
793
+ });
794
+ }
795
+
796
+ var min = 5; //min radius in m
730
797
  var max = 2000; //max radius in m
731
798
 
732
799
  me.set('sizerTop_position', new google.maps.LatLng(me.get('sizerTop_position').lat(), me.get('center').lng())); //this restricts sizerTop to vertical movement
@@ -829,6 +896,28 @@ export class IQLCircleSector {
829
896
  });
830
897
 
831
898
  google.maps.event.addListener(sizerRight, 'dragend', function () {
899
+ this.setIcon(sizerIconRight);
900
+ if (controlMarkers && controlMarkers.length > 0) {
901
+ controlMarkers.forEach(function(m) {
902
+ if (!m) return;
903
+ if (m.id == 'centerMarker') {
904
+ m.setIcon(centerIcon);
905
+ } else if(m.id == 'startPin') {
906
+ m.setIcon(startPinIcon);
907
+ } else if(m.id == 'endPin') {
908
+ m.setIcon(endPinIcon);
909
+ } else if (m.id == 'sizerTop') {
910
+ m.setIcon(sizerIconTop);
911
+ } else if (m.id == 'sizerRight') {
912
+ m.setIcon(sizerIconRight);
913
+ } else if (m.id == 'sizerBottom') {
914
+ m.setIcon(sizerIconBottom);
915
+ } else if (m.id == 'sizerLeft') {
916
+ m.setIcon(sizerIconLeft);
917
+ }
918
+ });
919
+ }
920
+
832
921
  var min = 5; //min radius in m
833
922
  var max = 2000; //max radius in m
834
923
 
@@ -932,6 +1021,28 @@ export class IQLCircleSector {
932
1021
  });
933
1022
 
934
1023
  google.maps.event.addListener(sizerBottom, 'dragend', function () {
1024
+ this.setIcon(sizerIconBottom);
1025
+ if (controlMarkers && controlMarkers.length > 0) {
1026
+ controlMarkers.forEach(function(m) {
1027
+ if (!m) return;
1028
+ if (m.id == 'centerMarker') {
1029
+ m.setIcon(centerIcon);
1030
+ } else if(m.id == 'startPin') {
1031
+ m.setIcon(startPinIcon);
1032
+ } else if(m.id == 'endPin') {
1033
+ m.setIcon(endPinIcon);
1034
+ } else if (m.id == 'sizerTop') {
1035
+ m.setIcon(sizerIconTop);
1036
+ } else if (m.id == 'sizerRight') {
1037
+ m.setIcon(sizerIconRight);
1038
+ } else if (m.id == 'sizerBottom') {
1039
+ m.setIcon(sizerIconBottom);
1040
+ } else if (m.id == 'sizerLeft') {
1041
+ m.setIcon(sizerIconLeft);
1042
+ }
1043
+ });
1044
+ }
1045
+
935
1046
  var min = 5;
936
1047
  var max = 2000;
937
1048
 
@@ -1035,6 +1146,28 @@ export class IQLCircleSector {
1035
1146
  });
1036
1147
 
1037
1148
  google.maps.event.addListener(sizerLeft, 'dragend', function () {
1149
+ this.setIcon(sizerIconLeft);
1150
+ if (controlMarkers && controlMarkers.length > 0) {
1151
+ controlMarkers.forEach(function(m) {
1152
+ if (!m) return;
1153
+ if (m.id == 'centerMarker') {
1154
+ m.setIcon(centerIcon);
1155
+ } else if(m.id == 'startPin') {
1156
+ m.setIcon(startPinIcon);
1157
+ } else if(m.id == 'endPin') {
1158
+ m.setIcon(endPinIcon);
1159
+ } else if (m.id == 'sizerTop') {
1160
+ m.setIcon(sizerIconTop);
1161
+ } else if (m.id == 'sizerRight') {
1162
+ m.setIcon(sizerIconRight);
1163
+ } else if (m.id == 'sizerBottom') {
1164
+ m.setIcon(sizerIconBottom);
1165
+ } else if (m.id == 'sizerLeft') {
1166
+ m.setIcon(sizerIconLeft);
1167
+ }
1168
+ });
1169
+ }
1170
+
1038
1171
  var min = 5; //min radius in m
1039
1172
  var max = 2000; //max radius in m
1040
1173
 
@@ -248,31 +248,7 @@ export class IQLCircleSegment {
248
248
  }
249
249
 
250
250
 
251
- /*
252
- var handleIconUp = {
253
- path: 'M0,0 32,0 16,27.7z',
254
- fillColor: '#ffffff',
255
- fillOpacity: 1,
256
- anchor: new google.maps.Point(16, 28),
257
- strokeWeight: 1,
258
- strokeOpacity: 1,
259
- strokeColor: '#303030',
260
- scale: 1,
261
- id: 'handleIcon'
262
- };
263
- var handleIconDown = {
264
- path: 'M16,0 32,27.7 0,27.7z',
265
- fillColor: '#ffffff',
266
- fillOpacity: 1,
267
- anchor: new google.maps.Point(16, 0),
268
- strokeWeight: 1,
269
- strokeOpacity: 1,
270
- strokeColor: '#303030',
271
- scale: 1,
272
- id: 'handleIcon'
273
- };
274
- */
275
- function DistanceWidget(map, cs) {
251
+ function DistanceWidget(map, cs) {
276
252
 
277
253
  this.set('map', map);
278
254
  this.set('position', centerPoint);
@@ -347,6 +323,31 @@ export class IQLCircleSegment {
347
323
  }
348
324
  marker.setIcon(handleIconDown);
349
325
  });
326
+
327
+ google.maps.event.addListener(marker, 'dragend', function () {
328
+ if (controlMarkers && controlMarkers.length > 0) {
329
+ controlMarkers.forEach(function(m) {
330
+ if (!m) return;
331
+ if (m.id == 'centerMarker') {
332
+ m.setIcon(centerIcon);
333
+ } else if(m.id == 'startPin') {
334
+ m.setIcon(startPinIcon);
335
+ } else if(m.id == 'endPin') {
336
+ m.setIcon(endPinIcon);
337
+ } else if (m.id == 'sizerTop') {
338
+ m.setIcon(sizerIconTop);
339
+ } else if (m.id == 'sizerRight') {
340
+ m.setIcon(sizerIconRight);
341
+ } else if (m.id == 'sizerBottom') {
342
+ m.setIcon(sizerIconBottom);
343
+ } else if (m.id == 'sizerLeft') {
344
+ m.setIcon(sizerIconLeft);
345
+ }
346
+ });
347
+ }
348
+ marker.setIcon(centerIcon);
349
+ });
350
+
350
351
  controlMarkers.push(marker);
351
352
  //console.log(controlMarkers);
352
353
  }
@@ -529,7 +530,29 @@ export class IQLCircleSegment {
529
530
  });
530
531
 
531
532
  google.maps.event.addListener(startPin, 'dragend', function () {
532
- var min = 5; //min radius in m
533
+ this.setIcon(startPinIcon);
534
+ if (controlMarkers && controlMarkers.length > 0) {
535
+ controlMarkers.forEach(function(m) {
536
+ if (!m) return;
537
+ if (m.id == 'centerMarker') {
538
+ m.setIcon(centerIcon);
539
+ } else if(m.id == 'startPin') {
540
+ m.setIcon(startPinIcon);
541
+ } else if(m.id == 'endPin') {
542
+ m.setIcon(endPinIcon);
543
+ } else if (m.id == 'sizerTop') {
544
+ m.setIcon(sizerIconTop);
545
+ } else if (m.id == 'sizerRight') {
546
+ m.setIcon(sizerIconRight);
547
+ } else if (m.id == 'sizerBottom') {
548
+ m.setIcon(sizerIconBottom);
549
+ } else if (m.id == 'sizerLeft') {
550
+ m.setIcon(sizerIconLeft);
551
+ }
552
+ });
553
+ }
554
+
555
+ var min = 5; //min radius in m
533
556
  var max = 2000; //max radius in m
534
557
  var pos = sp.get('startPin_position');
535
558
  var center = sp.get('center');
@@ -641,7 +664,29 @@ export class IQLCircleSegment {
641
664
  });
642
665
 
643
666
  google.maps.event.addListener(endPin, 'dragend', function () {
644
- var min = 5; //min radius in m
667
+ this.setIcon(endPinIcon);
668
+ if (controlMarkers && controlMarkers.length > 0) {
669
+ controlMarkers.forEach(function(m) {
670
+ if (!m) return;
671
+ if (m.id == 'centerMarker') {
672
+ m.setIcon(centerIcon);
673
+ } else if(m.id == 'startPin') {
674
+ m.setIcon(startPinIcon);
675
+ } else if(m.id == 'endPin') {
676
+ m.setIcon(endPinIcon);
677
+ } else if (m.id == 'sizerTop') {
678
+ m.setIcon(sizerIconTop);
679
+ } else if (m.id == 'sizerRight') {
680
+ m.setIcon(sizerIconRight);
681
+ } else if (m.id == 'sizerBottom') {
682
+ m.setIcon(sizerIconBottom);
683
+ } else if (m.id == 'sizerLeft') {
684
+ m.setIcon(sizerIconLeft);
685
+ }
686
+ });
687
+ }
688
+
689
+ var min = 5; //min radius in m
645
690
  var max = 2000; //max radius in m
646
691
  var pos = ep.get('endPin_position');
647
692
  var center = ep.get('center');
@@ -745,7 +790,29 @@ export class IQLCircleSegment {
745
790
  });
746
791
 
747
792
  google.maps.event.addListener(sizerTop, 'dragend', function () {
748
- var min = 5; //min radius in m
793
+ this.setIcon(sizerIconTop);
794
+ if (controlMarkers && controlMarkers.length > 0) {
795
+ controlMarkers.forEach(function(m) {
796
+ if (!m) return;
797
+ if (m.id == 'centerMarker') {
798
+ m.setIcon(centerIcon);
799
+ } else if(m.id == 'startPin') {
800
+ m.setIcon(startPinIcon);
801
+ } else if(m.id == 'endPin') {
802
+ m.setIcon(endPinIcon);
803
+ } else if (m.id == 'sizerTop') {
804
+ m.setIcon(sizerIconTop);
805
+ } else if (m.id == 'sizerRight') {
806
+ m.setIcon(sizerIconRight);
807
+ } else if (m.id == 'sizerBottom') {
808
+ m.setIcon(sizerIconBottom);
809
+ } else if (m.id == 'sizerLeft') {
810
+ m.setIcon(sizerIconLeft);
811
+ }
812
+ });
813
+ }
814
+
815
+ var min = 5; //min radius in m
749
816
  var max = 2000; //max radius in m
750
817
 
751
818
  me.set('sizerTop_position', new google.maps.LatLng(me.get('sizerTop_position').lat(), me.get('center').lng())); //this restricts sizerTop to vertical movement
@@ -848,6 +915,28 @@ export class IQLCircleSegment {
848
915
  });
849
916
 
850
917
  google.maps.event.addListener(sizerRight, 'dragend', function () {
918
+ this.setIcon(sizerIconRight);
919
+ if (controlMarkers && controlMarkers.length > 0) {
920
+ controlMarkers.forEach(function(m) {
921
+ if (!m) return;
922
+ if (m.id == 'centerMarker') {
923
+ m.setIcon(centerIcon);
924
+ } else if(m.id == 'startPin') {
925
+ m.setIcon(startPinIcon);
926
+ } else if(m.id == 'endPin') {
927
+ m.setIcon(endPinIcon);
928
+ } else if (m.id == 'sizerTop') {
929
+ m.setIcon(sizerIconTop);
930
+ } else if (m.id == 'sizerRight') {
931
+ m.setIcon(sizerIconRight);
932
+ } else if (m.id == 'sizerBottom') {
933
+ m.setIcon(sizerIconBottom);
934
+ } else if (m.id == 'sizerLeft') {
935
+ m.setIcon(sizerIconLeft);
936
+ }
937
+ });
938
+ }
939
+
851
940
  var min = 5; //min radius in m
852
941
  var max = 2000; //max radius in m
853
942
 
@@ -951,6 +1040,28 @@ export class IQLCircleSegment {
951
1040
  });
952
1041
 
953
1042
  google.maps.event.addListener(sizerBottom, 'dragend', function () {
1043
+ this.setIcon(sizerIconBottom);
1044
+ if (controlMarkers && controlMarkers.length > 0) {
1045
+ controlMarkers.forEach(function(m) {
1046
+ if (!m) return;
1047
+ if (m.id == 'centerMarker') {
1048
+ m.setIcon(centerIcon);
1049
+ } else if(m.id == 'startPin') {
1050
+ m.setIcon(startPinIcon);
1051
+ } else if(m.id == 'endPin') {
1052
+ m.setIcon(endPinIcon);
1053
+ } else if (m.id == 'sizerTop') {
1054
+ m.setIcon(sizerIconTop);
1055
+ } else if (m.id == 'sizerRight') {
1056
+ m.setIcon(sizerIconRight);
1057
+ } else if (m.id == 'sizerBottom') {
1058
+ m.setIcon(sizerIconBottom);
1059
+ } else if (m.id == 'sizerLeft') {
1060
+ m.setIcon(sizerIconLeft);
1061
+ }
1062
+ });
1063
+ }
1064
+
954
1065
  var min = 5;
955
1066
  var max = 2000;
956
1067
 
@@ -1054,6 +1165,28 @@ export class IQLCircleSegment {
1054
1165
  });
1055
1166
 
1056
1167
  google.maps.event.addListener(sizerLeft, 'dragend', function () {
1168
+ this.setIcon(sizerIconLeft);
1169
+ if (controlMarkers && controlMarkers.length > 0) {
1170
+ controlMarkers.forEach(function(m) {
1171
+ if (!m) return;
1172
+ if (m.id == 'centerMarker') {
1173
+ m.setIcon(centerIcon);
1174
+ } else if(m.id == 'startPin') {
1175
+ m.setIcon(startPinIcon);
1176
+ } else if(m.id == 'endPin') {
1177
+ m.setIcon(endPinIcon);
1178
+ } else if (m.id == 'sizerTop') {
1179
+ m.setIcon(sizerIconTop);
1180
+ } else if (m.id == 'sizerRight') {
1181
+ m.setIcon(sizerIconRight);
1182
+ } else if (m.id == 'sizerBottom') {
1183
+ m.setIcon(sizerIconBottom);
1184
+ } else if (m.id == 'sizerLeft') {
1185
+ m.setIcon(sizerIconLeft);
1186
+ }
1187
+ });
1188
+ }
1189
+
1057
1190
  var min = 5; //min radius in m
1058
1191
  var max = 2000; //max radius in m
1059
1192