@syncfusion/ej2-maps 20.4.38 → 20.4.40
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/dist/ej2-maps.min.js +2 -2
- package/dist/ej2-maps.umd.min.js +2 -2
- package/dist/ej2-maps.umd.min.js.map +1 -1
- package/dist/es6/ej2-maps.es2015.js +47 -9
- package/dist/es6/ej2-maps.es2015.js.map +1 -1
- package/dist/es6/ej2-maps.es5.js +47 -9
- package/dist/es6/ej2-maps.es5.js.map +1 -1
- package/dist/global/ej2-maps.min.js +2 -2
- package/dist/global/ej2-maps.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +13 -13
- package/src/maps/layers/legend.js +44 -7
- package/src/maps/maps.js +1 -1
- package/src/maps/user-interaction/zoom.js +2 -1
package/dist/es6/ej2-maps.es5.js
CHANGED
|
@@ -8541,7 +8541,7 @@ var Maps = /** @__PURE__ @class */ (function (_super) {
|
|
|
8541
8541
|
};
|
|
8542
8542
|
Maps.prototype.removeTileMap = function () {
|
|
8543
8543
|
var animateElement = document.getElementById(this.element.id + '_animated_tiles');
|
|
8544
|
-
if (!isNullOrUndefined(this.currentTiles) && animateElement.childElementCount
|
|
8544
|
+
if (!isNullOrUndefined(this.currentTiles) && animateElement.childElementCount < this.currentTiles.childElementCount) {
|
|
8545
8545
|
for (var l = animateElement.childElementCount - 1; l >= this.currentTiles.childElementCount; l--) {
|
|
8546
8546
|
animateElement.removeChild(animateElement.children[l]);
|
|
8547
8547
|
}
|
|
@@ -12507,12 +12507,25 @@ var Legend = /** @__PURE__ @class */ (function () {
|
|
|
12507
12507
|
}
|
|
12508
12508
|
if (targetEle !== null) {
|
|
12509
12509
|
legendShapeId = querySelector(this.maps.element.id + '_Legend_Shape_Index_' + legendIndex, this.maps.element.id);
|
|
12510
|
-
legendShapeId.setAttribute('fill', '#E5E5E5');
|
|
12511
|
-
if (this.maps.legendSettings.shape === 'HorizontalLine' || this.maps.legendSettings.shape === 'VerticalLine' || this.maps.legendSettings.shape === 'Cross') {
|
|
12512
|
-
legendShapeId.setAttribute('stroke', '#E5E5E5');
|
|
12513
|
-
}
|
|
12514
12510
|
legendTextId = querySelector(this.maps.element.id + '_Legend_Text_Index_' + legendIndex, this.maps.element.id);
|
|
12515
|
-
|
|
12511
|
+
if (!this.maps.legendSettings.toggleLegendSettings.applyShapeSettings) {
|
|
12512
|
+
legendShapeId.setAttribute('fill', legendToggleFill);
|
|
12513
|
+
legendShapeId.setAttribute('fill-opacity', (legendToggleOpacity).toString());
|
|
12514
|
+
legendShapeId.setAttribute('stroke', legendToggleBorderColor);
|
|
12515
|
+
legendShapeId.setAttribute('stroke-width', (legendToggleBorderWidth).toString());
|
|
12516
|
+
legendShapeId.setAttribute('stroke-opacity', (legendToggleBorderOpacity).toString());
|
|
12517
|
+
legendTextId.setAttribute('fill', legendToggleFill);
|
|
12518
|
+
}
|
|
12519
|
+
else {
|
|
12520
|
+
legendTextId.setAttribute('fill', this.maps.layers[k].shapeSettings.fill);
|
|
12521
|
+
legendShapeId.setAttribute('fill', this.maps.layers[k].shapeSettings.fill);
|
|
12522
|
+
legendShapeId.setAttribute('stroke', this.maps.layers[k].shapeSettings.border.color);
|
|
12523
|
+
legendShapeId.setAttribute('fill-opacity', (this.maps.layers[k].shapeSettings.opacity).toString());
|
|
12524
|
+
legendShapeId.setAttribute('stroke-width', (isNullOrUndefined(this.maps.layers[k].shapeSettings.border.width) ? 0 : this.maps.layers[k].shapeSettings.border.width).toString());
|
|
12525
|
+
legendShapeId.setAttribute('stroke-opacity', (isNullOrUndefined(this.maps.layers[k].shapeSettings.border.opacity) ?
|
|
12526
|
+
this.maps.layers[k].shapeSettings.opacity :
|
|
12527
|
+
this.maps.layers[k].shapeSettings.border.opacity).toString());
|
|
12528
|
+
}
|
|
12516
12529
|
}
|
|
12517
12530
|
}
|
|
12518
12531
|
else {
|
|
@@ -12525,6 +12538,10 @@ var Legend = /** @__PURE__ @class */ (function () {
|
|
|
12525
12538
|
if (targetEle !== null) {
|
|
12526
12539
|
legendShapeId = querySelector(this.maps.element.id + '_Legend_Shape_Index_' + legendIndex, this.maps.element.id);
|
|
12527
12540
|
legendShapeId.setAttribute('fill', this.legendCollection[legendIndex]['fill']);
|
|
12541
|
+
legendShapeId.setAttribute('fill-opacity', this.legendCollection[legendIndex]['opacity']);
|
|
12542
|
+
legendShapeId.setAttribute('stroke', this.legendCollection[legendIndex]['shapeBorder']['color']);
|
|
12543
|
+
legendShapeId.setAttribute('stroke-width', this.legendCollection[legendIndex]['shapeBorder']['width']);
|
|
12544
|
+
legendShapeId.setAttribute('stroke-opacity', this.legendCollection[legendIndex]['shapeBorder']['opacity']);
|
|
12528
12545
|
if (this.maps.legendSettings.shape === 'HorizontalLine' || this.maps.legendSettings.shape === 'VerticalLine' || this.maps.legendSettings.shape === 'Cross') {
|
|
12529
12546
|
legendShapeId.setAttribute('stroke', this.legendCollection[legendIndex]['fill']);
|
|
12530
12547
|
}
|
|
@@ -12651,9 +12668,25 @@ var Legend = /** @__PURE__ @class */ (function () {
|
|
|
12651
12668
|
}
|
|
12652
12669
|
if (targetEle !== null) {
|
|
12653
12670
|
legendTextId = querySelector(this.maps.element.id + '_Legend_Index_' + legendIndex + '_Text', this.maps.element.id);
|
|
12654
|
-
legendTextId.setAttribute('fill', '#E5E5E5');
|
|
12655
12671
|
legendShapeId = querySelector(this.maps.element.id + '_Legend_Index_' + legendIndex, this.maps.element.id);
|
|
12656
|
-
|
|
12672
|
+
if (!this.maps.legendSettings.toggleLegendSettings.applyShapeSettings) {
|
|
12673
|
+
legendTextId.setAttribute('fill', legendToggleFill);
|
|
12674
|
+
legendShapeId.setAttribute('fill', legendToggleFill);
|
|
12675
|
+
legendShapeId.setAttribute('fill-opacity', (legendToggleOpacity).toString());
|
|
12676
|
+
legendShapeId.setAttribute('stroke', legendToggleBorderColor);
|
|
12677
|
+
legendShapeId.setAttribute('stroke-width', (legendToggleBorderWidth).toString());
|
|
12678
|
+
legendShapeId.setAttribute('stroke-opacity', (legendToggleBorderOpacity).toString());
|
|
12679
|
+
}
|
|
12680
|
+
else {
|
|
12681
|
+
legendTextId.setAttribute('fill', this.maps.layers[k].shapeSettings.fill);
|
|
12682
|
+
legendShapeId.setAttribute('fill', this.maps.layers[k].shapeSettings.fill);
|
|
12683
|
+
legendShapeId.setAttribute('stroke', this.maps.layers[k].shapeSettings.border.color);
|
|
12684
|
+
legendShapeId.setAttribute('stroke-width', (isNullOrUndefined(this.maps.layers[k].shapeSettings.border.width) ? 0 : this.maps.layers[k].shapeSettings.border.width).toString());
|
|
12685
|
+
legendShapeId.setAttribute('stroke-opacity', (isNullOrUndefined(this.maps.layers[k].shapeSettings.border.opacity) ?
|
|
12686
|
+
this.maps.layers[k].shapeSettings.opacity :
|
|
12687
|
+
this.maps.layers[k].shapeSettings.border.opacity).toString());
|
|
12688
|
+
legendShapeId.setAttribute('fill-opacity', (this.maps.layers[k].shapeSettings.opacity).toString());
|
|
12689
|
+
}
|
|
12657
12690
|
}
|
|
12658
12691
|
}
|
|
12659
12692
|
else {
|
|
@@ -12666,6 +12699,10 @@ var Legend = /** @__PURE__ @class */ (function () {
|
|
|
12666
12699
|
if (targetEle !== null) {
|
|
12667
12700
|
legendShapeId = querySelector(this.maps.element.id + '_Legend_Index_' + legendIndex, this.maps.element.id);
|
|
12668
12701
|
legendShapeId.setAttribute('fill', this.legendCollection[legendIndex]['fill']);
|
|
12702
|
+
legendShapeId.setAttribute('fill-opacity', this.legendCollection[legendIndex]['opacity']);
|
|
12703
|
+
legendShapeId.setAttribute('stroke', this.legendCollection[legendIndex]['shapeBorder']['color']);
|
|
12704
|
+
legendShapeId.setAttribute('stroke-width', this.legendCollection[legendIndex]['shapeBorder']['width']);
|
|
12705
|
+
legendShapeId.setAttribute('stroke-opacity', this.legendCollection[legendIndex]['shapeBorder']['opacity']);
|
|
12669
12706
|
legendTextId = querySelector(this.maps.element.id + '_Legend_Index_' + legendIndex + '_Text', this.maps.element.id);
|
|
12670
12707
|
legendTextId.setAttribute('fill', '#757575');
|
|
12671
12708
|
}
|
|
@@ -14220,7 +14257,8 @@ var Zoom = /** @__PURE__ @class */ (function () {
|
|
|
14220
14257
|
this.index = layerElement.id.indexOf('_LayerIndex_') > -1 && parseFloat(layerElement.id.split('_LayerIndex_')[1].split('_')[0]);
|
|
14221
14258
|
this.currentLayer = maps.layersCollection[this.index];
|
|
14222
14259
|
var factor = maps.mapLayerPanel.calculateFactor(this.currentLayer);
|
|
14223
|
-
|
|
14260
|
+
var elementCount = layerElement.childElementCount;
|
|
14261
|
+
for (var j = 0; j < elementCount; j++) {
|
|
14224
14262
|
var currentEle = layerElement.childNodes[j];
|
|
14225
14263
|
if (!(currentEle.id.indexOf('_Markers_Group') > -1) && (!(currentEle.id.indexOf('_bubble_Group') > -1))
|
|
14226
14264
|
&& (!(currentEle.id.indexOf('_dataLableIndex_Group') > -1))) {
|