@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
|
@@ -8264,7 +8264,7 @@ let Maps = class Maps extends Component {
|
|
|
8264
8264
|
}
|
|
8265
8265
|
removeTileMap() {
|
|
8266
8266
|
const animateElement = document.getElementById(this.element.id + '_animated_tiles');
|
|
8267
|
-
if (!isNullOrUndefined(this.currentTiles) && animateElement.childElementCount
|
|
8267
|
+
if (!isNullOrUndefined(this.currentTiles) && animateElement.childElementCount < this.currentTiles.childElementCount) {
|
|
8268
8268
|
for (let l = animateElement.childElementCount - 1; l >= this.currentTiles.childElementCount; l--) {
|
|
8269
8269
|
animateElement.removeChild(animateElement.children[l]);
|
|
8270
8270
|
}
|
|
@@ -12190,12 +12190,25 @@ class Legend {
|
|
|
12190
12190
|
}
|
|
12191
12191
|
if (targetEle !== null) {
|
|
12192
12192
|
legendShapeId = querySelector(this.maps.element.id + '_Legend_Shape_Index_' + legendIndex, this.maps.element.id);
|
|
12193
|
-
legendShapeId.setAttribute('fill', '#E5E5E5');
|
|
12194
|
-
if (this.maps.legendSettings.shape === 'HorizontalLine' || this.maps.legendSettings.shape === 'VerticalLine' || this.maps.legendSettings.shape === 'Cross') {
|
|
12195
|
-
legendShapeId.setAttribute('stroke', '#E5E5E5');
|
|
12196
|
-
}
|
|
12197
12193
|
legendTextId = querySelector(this.maps.element.id + '_Legend_Text_Index_' + legendIndex, this.maps.element.id);
|
|
12198
|
-
|
|
12194
|
+
if (!this.maps.legendSettings.toggleLegendSettings.applyShapeSettings) {
|
|
12195
|
+
legendShapeId.setAttribute('fill', legendToggleFill);
|
|
12196
|
+
legendShapeId.setAttribute('fill-opacity', (legendToggleOpacity).toString());
|
|
12197
|
+
legendShapeId.setAttribute('stroke', legendToggleBorderColor);
|
|
12198
|
+
legendShapeId.setAttribute('stroke-width', (legendToggleBorderWidth).toString());
|
|
12199
|
+
legendShapeId.setAttribute('stroke-opacity', (legendToggleBorderOpacity).toString());
|
|
12200
|
+
legendTextId.setAttribute('fill', legendToggleFill);
|
|
12201
|
+
}
|
|
12202
|
+
else {
|
|
12203
|
+
legendTextId.setAttribute('fill', this.maps.layers[k].shapeSettings.fill);
|
|
12204
|
+
legendShapeId.setAttribute('fill', this.maps.layers[k].shapeSettings.fill);
|
|
12205
|
+
legendShapeId.setAttribute('stroke', this.maps.layers[k].shapeSettings.border.color);
|
|
12206
|
+
legendShapeId.setAttribute('fill-opacity', (this.maps.layers[k].shapeSettings.opacity).toString());
|
|
12207
|
+
legendShapeId.setAttribute('stroke-width', (isNullOrUndefined(this.maps.layers[k].shapeSettings.border.width) ? 0 : this.maps.layers[k].shapeSettings.border.width).toString());
|
|
12208
|
+
legendShapeId.setAttribute('stroke-opacity', (isNullOrUndefined(this.maps.layers[k].shapeSettings.border.opacity) ?
|
|
12209
|
+
this.maps.layers[k].shapeSettings.opacity :
|
|
12210
|
+
this.maps.layers[k].shapeSettings.border.opacity).toString());
|
|
12211
|
+
}
|
|
12199
12212
|
}
|
|
12200
12213
|
}
|
|
12201
12214
|
else {
|
|
@@ -12208,6 +12221,10 @@ class Legend {
|
|
|
12208
12221
|
if (targetEle !== null) {
|
|
12209
12222
|
legendShapeId = querySelector(this.maps.element.id + '_Legend_Shape_Index_' + legendIndex, this.maps.element.id);
|
|
12210
12223
|
legendShapeId.setAttribute('fill', this.legendCollection[legendIndex]['fill']);
|
|
12224
|
+
legendShapeId.setAttribute('fill-opacity', this.legendCollection[legendIndex]['opacity']);
|
|
12225
|
+
legendShapeId.setAttribute('stroke', this.legendCollection[legendIndex]['shapeBorder']['color']);
|
|
12226
|
+
legendShapeId.setAttribute('stroke-width', this.legendCollection[legendIndex]['shapeBorder']['width']);
|
|
12227
|
+
legendShapeId.setAttribute('stroke-opacity', this.legendCollection[legendIndex]['shapeBorder']['opacity']);
|
|
12211
12228
|
if (this.maps.legendSettings.shape === 'HorizontalLine' || this.maps.legendSettings.shape === 'VerticalLine' || this.maps.legendSettings.shape === 'Cross') {
|
|
12212
12229
|
legendShapeId.setAttribute('stroke', this.legendCollection[legendIndex]['fill']);
|
|
12213
12230
|
}
|
|
@@ -12334,9 +12351,25 @@ class Legend {
|
|
|
12334
12351
|
}
|
|
12335
12352
|
if (targetEle !== null) {
|
|
12336
12353
|
legendTextId = querySelector(this.maps.element.id + '_Legend_Index_' + legendIndex + '_Text', this.maps.element.id);
|
|
12337
|
-
legendTextId.setAttribute('fill', '#E5E5E5');
|
|
12338
12354
|
legendShapeId = querySelector(this.maps.element.id + '_Legend_Index_' + legendIndex, this.maps.element.id);
|
|
12339
|
-
|
|
12355
|
+
if (!this.maps.legendSettings.toggleLegendSettings.applyShapeSettings) {
|
|
12356
|
+
legendTextId.setAttribute('fill', legendToggleFill);
|
|
12357
|
+
legendShapeId.setAttribute('fill', legendToggleFill);
|
|
12358
|
+
legendShapeId.setAttribute('fill-opacity', (legendToggleOpacity).toString());
|
|
12359
|
+
legendShapeId.setAttribute('stroke', legendToggleBorderColor);
|
|
12360
|
+
legendShapeId.setAttribute('stroke-width', (legendToggleBorderWidth).toString());
|
|
12361
|
+
legendShapeId.setAttribute('stroke-opacity', (legendToggleBorderOpacity).toString());
|
|
12362
|
+
}
|
|
12363
|
+
else {
|
|
12364
|
+
legendTextId.setAttribute('fill', this.maps.layers[k].shapeSettings.fill);
|
|
12365
|
+
legendShapeId.setAttribute('fill', this.maps.layers[k].shapeSettings.fill);
|
|
12366
|
+
legendShapeId.setAttribute('stroke', this.maps.layers[k].shapeSettings.border.color);
|
|
12367
|
+
legendShapeId.setAttribute('stroke-width', (isNullOrUndefined(this.maps.layers[k].shapeSettings.border.width) ? 0 : this.maps.layers[k].shapeSettings.border.width).toString());
|
|
12368
|
+
legendShapeId.setAttribute('stroke-opacity', (isNullOrUndefined(this.maps.layers[k].shapeSettings.border.opacity) ?
|
|
12369
|
+
this.maps.layers[k].shapeSettings.opacity :
|
|
12370
|
+
this.maps.layers[k].shapeSettings.border.opacity).toString());
|
|
12371
|
+
legendShapeId.setAttribute('fill-opacity', (this.maps.layers[k].shapeSettings.opacity).toString());
|
|
12372
|
+
}
|
|
12340
12373
|
}
|
|
12341
12374
|
}
|
|
12342
12375
|
else {
|
|
@@ -12349,6 +12382,10 @@ class Legend {
|
|
|
12349
12382
|
if (targetEle !== null) {
|
|
12350
12383
|
legendShapeId = querySelector(this.maps.element.id + '_Legend_Index_' + legendIndex, this.maps.element.id);
|
|
12351
12384
|
legendShapeId.setAttribute('fill', this.legendCollection[legendIndex]['fill']);
|
|
12385
|
+
legendShapeId.setAttribute('fill-opacity', this.legendCollection[legendIndex]['opacity']);
|
|
12386
|
+
legendShapeId.setAttribute('stroke', this.legendCollection[legendIndex]['shapeBorder']['color']);
|
|
12387
|
+
legendShapeId.setAttribute('stroke-width', this.legendCollection[legendIndex]['shapeBorder']['width']);
|
|
12388
|
+
legendShapeId.setAttribute('stroke-opacity', this.legendCollection[legendIndex]['shapeBorder']['opacity']);
|
|
12352
12389
|
legendTextId = querySelector(this.maps.element.id + '_Legend_Index_' + legendIndex + '_Text', this.maps.element.id);
|
|
12353
12390
|
legendTextId.setAttribute('fill', '#757575');
|
|
12354
12391
|
}
|
|
@@ -13893,7 +13930,8 @@ class Zoom {
|
|
|
13893
13930
|
this.index = layerElement.id.indexOf('_LayerIndex_') > -1 && parseFloat(layerElement.id.split('_LayerIndex_')[1].split('_')[0]);
|
|
13894
13931
|
this.currentLayer = maps.layersCollection[this.index];
|
|
13895
13932
|
const factor = maps.mapLayerPanel.calculateFactor(this.currentLayer);
|
|
13896
|
-
|
|
13933
|
+
const elementCount = layerElement.childElementCount;
|
|
13934
|
+
for (let j = 0; j < elementCount; j++) {
|
|
13897
13935
|
let currentEle = layerElement.childNodes[j];
|
|
13898
13936
|
if (!(currentEle.id.indexOf('_Markers_Group') > -1) && (!(currentEle.id.indexOf('_bubble_Group') > -1))
|
|
13899
13937
|
&& (!(currentEle.id.indexOf('_dataLableIndex_Group') > -1))) {
|