mapping-component-package-jp 0.2.15 → 0.2.16
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/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/js/mapEncapsulation/shapes/circle.full.js +98 -4
package/package.json
CHANGED
|
@@ -76,6 +76,7 @@ export class IQLCircleFull {
|
|
|
76
76
|
var startHeading = 0;
|
|
77
77
|
var endHeading = 360;
|
|
78
78
|
|
|
79
|
+
|
|
79
80
|
if(isMobile) {
|
|
80
81
|
var svgci =
|
|
81
82
|
'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">' +
|
|
@@ -271,6 +272,27 @@ export class IQLCircleFull {
|
|
|
271
272
|
marker.setIcon(handleIconDown);
|
|
272
273
|
});
|
|
273
274
|
|
|
275
|
+
google.maps.event.addListener(marker, 'dragend', function () {
|
|
276
|
+
if (controlMarkers && controlMarkers.length > 0) {
|
|
277
|
+
controlMarkers.forEach(function(m) {
|
|
278
|
+
if (!m) return;
|
|
279
|
+
if (m.id == 'centerMarker') {
|
|
280
|
+
m.setIcon(centerIcon);
|
|
281
|
+
} else if (m.id == 'sizerTop') {
|
|
282
|
+
m.setIcon(sizerIconTop);
|
|
283
|
+
} else if (m.id == 'sizerRight') {
|
|
284
|
+
m.setIcon(sizerIconRight);
|
|
285
|
+
} else if (m.id == 'sizerBottom') {
|
|
286
|
+
m.setIcon(sizerIconBottom);
|
|
287
|
+
} else if (m.id == 'sizerLeft') {
|
|
288
|
+
m.setIcon(sizerIconLeft);
|
|
289
|
+
}
|
|
290
|
+
});
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
marker.setIcon(centerIcon);
|
|
294
|
+
});
|
|
295
|
+
|
|
274
296
|
controlMarkers.push(marker);
|
|
275
297
|
|
|
276
298
|
}
|
|
@@ -410,7 +432,25 @@ export class IQLCircleFull {
|
|
|
410
432
|
});
|
|
411
433
|
|
|
412
434
|
google.maps.event.addListener(sizerTop, 'dragend', function () {
|
|
413
|
-
|
|
435
|
+
this.setIcon(sizerIconTop);
|
|
436
|
+
if (controlMarkers && controlMarkers.length > 0) {
|
|
437
|
+
controlMarkers.forEach(function(m) {
|
|
438
|
+
if (!m) return;
|
|
439
|
+
if (m.id == 'centerMarker') {
|
|
440
|
+
m.setIcon(centerIcon);
|
|
441
|
+
} else if (m.id == 'sizerTop') {
|
|
442
|
+
m.setIcon(sizerIconTop);
|
|
443
|
+
} else if (m.id == 'sizerRight') {
|
|
444
|
+
m.setIcon(sizerIconRight);
|
|
445
|
+
} else if (m.id == 'sizerBottom') {
|
|
446
|
+
m.setIcon(sizerIconBottom);
|
|
447
|
+
} else if (m.id == 'sizerLeft') {
|
|
448
|
+
m.setIcon(sizerIconLeft);
|
|
449
|
+
}
|
|
450
|
+
});
|
|
451
|
+
}
|
|
452
|
+
|
|
453
|
+
var min = 5; //min radius in m
|
|
414
454
|
var max = 2000; //max radius in m
|
|
415
455
|
|
|
416
456
|
me.set('sizerTop_position', new google.maps.LatLng(me.get('sizerTop_position').lat(), me.get('center').lng())); //this restricts sizerTop to vertical movement
|
|
@@ -505,7 +545,25 @@ export class IQLCircleFull {
|
|
|
505
545
|
});
|
|
506
546
|
|
|
507
547
|
google.maps.event.addListener(sizerRight, 'dragend', function () {
|
|
508
|
-
|
|
548
|
+
this.setIcon(sizerIconRight);
|
|
549
|
+
if (controlMarkers && controlMarkers.length > 0) {
|
|
550
|
+
controlMarkers.forEach(function(m) {
|
|
551
|
+
if (!m) return;
|
|
552
|
+
if (m.id == 'centerMarker') {
|
|
553
|
+
m.setIcon(centerIcon);
|
|
554
|
+
} else if (m.id == 'sizerTop') {
|
|
555
|
+
m.setIcon(sizerIconTop);
|
|
556
|
+
} else if (m.id == 'sizerRight') {
|
|
557
|
+
m.setIcon(sizerIconRight);
|
|
558
|
+
} else if (m.id == 'sizerBottom') {
|
|
559
|
+
m.setIcon(sizerIconBottom);
|
|
560
|
+
} else if (m.id == 'sizerLeft') {
|
|
561
|
+
m.setIcon(sizerIconLeft);
|
|
562
|
+
}
|
|
563
|
+
});
|
|
564
|
+
}
|
|
565
|
+
|
|
566
|
+
var min = 5; //min radius in m
|
|
509
567
|
var max = 2000; //max radius in m
|
|
510
568
|
|
|
511
569
|
me.set('sizerRight_position', new google.maps.LatLng(me.get('center').lat(), me.get('sizerRight_position').lng())); //this restricts sizerRight to horizontal movement
|
|
@@ -600,7 +658,25 @@ export class IQLCircleFull {
|
|
|
600
658
|
});
|
|
601
659
|
|
|
602
660
|
google.maps.event.addListener(sizerBottom, 'dragend', function () {
|
|
603
|
-
|
|
661
|
+
this.setIcon(sizerIconBottom);
|
|
662
|
+
if (controlMarkers && controlMarkers.length > 0) {
|
|
663
|
+
controlMarkers.forEach(function(m) {
|
|
664
|
+
if (!m) return;
|
|
665
|
+
if (m.id == 'centerMarker') {
|
|
666
|
+
m.setIcon(centerIcon);
|
|
667
|
+
} else if (m.id == 'sizerTop') {
|
|
668
|
+
m.setIcon(sizerIconTop);
|
|
669
|
+
} else if (m.id == 'sizerRight') {
|
|
670
|
+
m.setIcon(sizerIconRight);
|
|
671
|
+
} else if (m.id == 'sizerBottom') {
|
|
672
|
+
m.setIcon(sizerIconBottom);
|
|
673
|
+
} else if (m.id == 'sizerLeft') {
|
|
674
|
+
m.setIcon(sizerIconLeft);
|
|
675
|
+
}
|
|
676
|
+
});
|
|
677
|
+
}
|
|
678
|
+
|
|
679
|
+
var min = 5;
|
|
604
680
|
var max = 2000;
|
|
605
681
|
|
|
606
682
|
me.set('sizerBottom_position', new google.maps.LatLng(me.get('sizerBottom_position').lat(), me.get('center').lng())); //this restricts sizerBottom to vertical movement
|
|
@@ -695,7 +771,25 @@ export class IQLCircleFull {
|
|
|
695
771
|
});
|
|
696
772
|
|
|
697
773
|
google.maps.event.addListener(sizerLeft, 'dragend', function () {
|
|
698
|
-
|
|
774
|
+
this.setIcon(sizerIconLeft);
|
|
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 == 'sizerTop') {
|
|
781
|
+
m.setIcon(sizerIconTop);
|
|
782
|
+
} else if (m.id == 'sizerRight') {
|
|
783
|
+
m.setIcon(sizerIconRight);
|
|
784
|
+
} else if (m.id == 'sizerBottom') {
|
|
785
|
+
m.setIcon(sizerIconBottom);
|
|
786
|
+
} else if (m.id == 'sizerLeft') {
|
|
787
|
+
m.setIcon(sizerIconLeft);
|
|
788
|
+
}
|
|
789
|
+
});
|
|
790
|
+
}
|
|
791
|
+
|
|
792
|
+
var min = 5; //min radius in m
|
|
699
793
|
var max = 2000; //max radius in m
|
|
700
794
|
|
|
701
795
|
me.set('sizerLeft_position', new google.maps.LatLng(me.get('center').lat(), me.get('sizerLeft_position').lng())); //this restricts sizerLeft to horizontal movement
|