Socket
Socket
Sign inDemoInstall

@syncfusion/ej2-maps

Package Overview
Dependencies
Maintainers
3
Versions
168
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@syncfusion/ej2-maps - npm Package Compare versions

Comparing version 20.1.59 to 20.2.36

65

CHANGELOG.md

@@ -13,2 +13,12 @@ <!-- markdownlint-disable MD010 -->

#### New Features
- GeoJSON data with geometry types like "MultiLineString," "MultiPoint," and "GeometryCollection" can now be displayed in Maps.
- `#F170451` - `urlTemplate` has been extended to accept tile server URLs from online map providers like ESRI, TomTom, and Mapbox.
- `#I326902` - Support for legend is provided when markers or sublayers are rendered in the online map providers.
## 20.1.59 (2022-06-07)
### Maps
#### Bug Fixes

@@ -38,55 +48,2 @@

## 19.4.56 (2022-03-15)
### Maps
#### Bug Fixes
- `#F173348` - When the Maps control is printed, the position of the markers will now be proper.
- `#I369134` - When the `initialMarkerSelection` property is set, script errors are no longer thrown.
## 19.4.55 (2022-03-08)
### Maps
#### Bug Fixes
- `#I368368` - Drilldown of the Maps will now work properly in the mobile devices.
## 19.4.53 (2022-02-22)
### Maps
#### Bug Fixes
- `#I367115` - `markerClick` event will be triggered properly in the Maps control.
## 19.4.48 (2022-01-31)
### Maps
#### Bug Fixes
- `#I363761` - Script error will no longer be thrown when the display CSS property for the div element of the Maps control is set to "none".
## 19.4.47 (2022-01-25)
### Maps
#### Bug Fixes
- `#SF-360297` - The position of the zoom toolbar will now be proper when the float CSS style is set as "right" in the parent element of the Maps control.
## 19.4.42 (2022-01-11)
### Maps
#### New Features
- When the `type` property of `legendSettings` property is set to "Markers", the `useMarkerShapes` property is exposed in the `legendSettings` to render the legend item shapes the same as the marker shapes.
#### Bug Fixes
- `#SF-360297` - The position of the marker template will now be proper when the float CSS style is set as "right" in the parent element of the Maps control.
## 19.4.38 (2021-12-17)

@@ -469,2 +426,2 @@

- **Annotations** - Supports placing any HTML element on desired location in the map.
- **User interaction** - Supports interactive features like zooming, panning, tooltip, highlight, selection and interactive legend.
- **User interaction** - Supports interactive features like zooming, panning, tooltip, highlight, selection and interactive legend.

2

dist/global/index.d.ts
/*!
* filename: index.d.ts
* version : 20.1.59
* version : 20.2.36
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.

@@ -5,0 +5,0 @@ * Use of this code is subject to the terms of our license.

24

package.json
{
"_from": "@syncfusion/ej2-maps@*",
"_id": "@syncfusion/ej2-maps@20.1.55",
"_id": "@syncfusion/ej2-maps@16.39.0",
"_inBundle": false,
"_integrity": "sha512-TV6laNemD3S+m6n98GnfhrKYZoo/FLq+m/pop55HUSb1TM+HJ1yZlEzFpHzkQeqndEZktoVAxu8p4zH7FXr78g==",
"_integrity": "sha512-udFrFSHobgtPOukgW1CI/Q+jLYQhCmy/ccsCgNQaR4HwvUt/elKftvpnWVDYPg8zoYR57rQWeqacwgrYNHVfhA==",
"_location": "/@syncfusion/ej2-maps",

@@ -26,4 +26,4 @@ "_phantomChildren": {},

],
"_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-maps/-/ej2-maps-20.1.55.tgz",
"_shasum": "f9a1190f0bc053992778b13ac946d4bc26ed44b5",
"_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-maps/-/ej2-maps-16.39.0.tgz",
"_shasum": "734582b258450188397b1405beccd43aaede5a5a",
"_spec": "@syncfusion/ej2-maps@*",

@@ -39,9 +39,9 @@ "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",

"dependencies": {
"@syncfusion/ej2-base": "~20.1.57",
"@syncfusion/ej2-buttons": "~20.1.55",
"@syncfusion/ej2-compression": "~20.1.55",
"@syncfusion/ej2-data": "~20.1.55",
"@syncfusion/ej2-file-utils": "~20.1.55",
"@syncfusion/ej2-pdf-export": "~20.1.55",
"@syncfusion/ej2-svg-base": "~20.1.55"
"@syncfusion/ej2-base": "~20.2.36",
"@syncfusion/ej2-buttons": "~20.2.36",
"@syncfusion/ej2-compression": "~20.2.36",
"@syncfusion/ej2-data": "~20.2.36",
"@syncfusion/ej2-file-utils": "~20.2.36",
"@syncfusion/ej2-pdf-export": "~20.2.36",
"@syncfusion/ej2-svg-base": "~20.2.36"
},

@@ -85,4 +85,4 @@ "deprecated": false,

"typings": "index.d.ts",
"version": "20.1.59",
"version": "20.2.36",
"sideEffects": false
}

12

src/maps/layers/bing-map.js

@@ -0,1 +1,2 @@

import { isNullOrUndefined } from '@syncfusion/ej2-base';
/**

@@ -22,5 +23,10 @@ * Bing map src doc

}
var subDomain = subDomains[Math.min(parseInt(quadKey.substr(quadKey.length - 1, 1), 10), subDomains.length)];
imageUrl = imageUrl.replace('{quadkey}', quadKey).replace('{subdomain}', subDomain);
return imageUrl += '&mkt=' + language + '&ur=IN&Key=' + key;
if (!isNullOrUndefined(subDomains)) {
var subDomain = subDomains[Math.min(parseInt(quadKey.substr(quadKey.length - 1, 1), 10), subDomains.length)];
imageUrl = imageUrl.replace('{quadkey}', quadKey).replace('{subdomain}', subDomain);
return imageUrl += '&mkt=' + language + '&ur=IN&Key=' + key;
}
else {
return '';
}
};

@@ -27,0 +33,0 @@ return BingMap;

8

src/maps/layers/bubble.js

@@ -68,10 +68,6 @@ import { ColorMapping, bubbleRendering } from '../index';

? shape[shapePath].toLowerCase() : shape[shapePath];
if (shapeDataLayerPathValue === shapePathValue && layerData[i].type !== 'LineString') {
if (layerData[i]['type'] === 'Point') {
if (shapeDataLayerPathValue === shapePathValue && (layerData[i].type !== 'LineString' && layerData[i].type !== 'MultiLineString' && layerData[i]['type'] !== 'Point' && layerData[i]['type'] !== 'MultiPoint')) {
if (!layerData[i]['_isMultiPolygon']) {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
shapePoints.push(this.getPoints(layerData[i], []));
}
else if (!layerData[i]['_isMultiPolygon']) {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
shapePoints.push(this.getPoints(layerData[i], []));
currentLength = shapePoints[shapePoints.length - 1].length;

@@ -78,0 +74,0 @@ if (pointsLength < currentLength) {

35

src/maps/layers/data-label.js

@@ -119,3 +119,3 @@ import { findMidPointOfPolygon, Rect, filter, getTemplateFunction, getZoomTranslate, getTranslate, RectOption, convertElementFromLabel, Point, TextOption, renderTextElement, textTrim, measureText, Internalize } from '../utils/helper';

shapePoint = [[]];
if (!layerData[index]['_isMultiPolygon'] && layerData[index]['type'] !== 'Point') {
if (!layerData[index]['_isMultiPolygon'] && layerData[index]['type'] !== 'Point' && layerData[index]['type'] !== 'MultiPoint') {
// eslint-disable-next-line @typescript-eslint/no-explicit-any

@@ -129,17 +129,5 @@ shapePoint.push(this.getPoint(layerData[index], []));

}
else {
else if (layerData[index]['type'] !== 'Point' && layerData[index]['type'] !== 'MultiPoint') {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
var layer_1 = layerData[index];
if (layer_1['type'] === 'Point') {
isPoint = true;
// eslint-disable-next-line @typescript-eslint/no-explicit-any
var layerPoints = [];
layerPoints.push(this.getPoint(layerData, []));
shapePoint = layerPoints;
currentLength = shapePoint[shapePoint.length - 1].length;
if (pointsLength < currentLength) {
pointsLength = currentLength;
midIndex = shapePoint.length - 1;
}
}
for (var j = 0; j < layer_1.length; j++) {

@@ -391,6 +379,17 @@ // eslint-disable-next-line @typescript-eslint/no-explicit-any

DataLabel.prototype.getPoint = function (shapes, points) {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
shapes.map(function (current, index) {
points.push(new Point(current['point']['x'], current['point']['y']));
});
if (shapes['type'] === 'MultiLineString') {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
shapes.map(function (current) {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
current.map(function (shape) {
points.push(new Point(shape['point']['x'], shape['point']['y']));
});
});
}
else {
// eslint-disable-next-line @typescript-eslint/no-explicit-any
shapes.map(function (current, index) {
points.push(new Point(current['point']['x'], current['point']['y']));
});
}
return points;

@@ -397,0 +396,0 @@ };

14

src/maps/layers/layer-panel.d.ts

@@ -17,3 +17,2 @@ import { Maps } from '../../maps/maps';

private clipRectElement;
private layerGroup;
private urlTemplate;

@@ -29,2 +28,3 @@ private isMapCoordinates;

horizontalPanXCount: number;
layerGroup: Element;
constructor(map: Maps);

@@ -44,2 +44,3 @@ measureLayerPanel(): void;

protected processLayers(layer: LayerSettings, layerIndex: number): void;
private bingMapCalculation;
private bubbleCalculation;

@@ -50,2 +51,13 @@ calculatePathCollection(layerIndex: number, renderData: any[]): void;

*
* @param {groupElement} Element - Specifies the element to append the group
* @param {pathEle} Element - Specifies the svg element
* @param {drawingType} string - Specifies the data type
* @param {currentShapeData} any - Specifies the layer of shapedata.
* @param {index} number - Specifies the tab index.
* @returns {void}
*/
private pathAttributeCalculate;
/**
* layer features as bubble, marker, datalabel, navigation line.
*
* @param {number} layerIndex - Specifies the layer index

@@ -52,0 +64,0 @@ * @param {string[]} colors - Specifies the colors

4

src/maps/layers/legend.d.ts

@@ -26,2 +26,6 @@ import { Maps } from '../../index';

*/
initialMapAreaRect: Rect;
/**
* @private
*/
legendTotalRect: Rect;

@@ -28,0 +32,0 @@ private maps;

7

src/maps/layers/marker.js

@@ -94,7 +94,8 @@ import { markerRendering, convertTileLatLongToPoint, MapLocation } from '../index';

_this.maps.element.appendChild(_this.maps.svgObject);
if (currentLayer.layerType !== 'OSM' || !_this.maps.zoomSettings.enable) {
clusterTemplate(currentLayer, _this.markerSVGObject, _this.maps, layerIndex, _this.markerSVGObject, layerElement, true, false);
if ((currentLayer.layerType === 'OSM' || (currentLayer.urlTemplate.indexOf('openstreetmap') !== -1 && isNullOrUndefined(currentLayer.shapeData)))
&& _this.maps.zoomSettings.enable) {
layerElement.appendChild(_this.markerSVGObject);
}
else {
layerElement.appendChild(_this.markerSVGObject);
clusterTemplate(currentLayer, _this.markerSVGObject, _this.maps, layerIndex, _this.markerSVGObject, layerElement, true, false);
}

@@ -101,0 +102,0 @@ // eslint-disable-next-line @typescript-eslint/no-explicit-any

2

src/maps/maps-model.d.ts

@@ -1,2 +0,2 @@

import { Component, NotifyPropertyChanges, INotifyPropertyChanged, Property, Ajax } from '@syncfusion/ej2-base';import { EventHandler, Browser, EmitType, isNullOrUndefined, createElement, setValue, extend } from '@syncfusion/ej2-base';import { Event, remove, L10n, Collection, Internationalization, Complex } from '@syncfusion/ej2-base';import { ModuleDeclaration } from '@syncfusion/ej2-base';import { SvgRenderer } from '@syncfusion/ej2-svg-base';import { Size, createSvg, Point, removeElement, triggerShapeEvent, showTooltip, checkShapeDataFields, MapLocation, getMousePosition, calculateSize } from './utils/helper';import { getElement, removeClass, getTranslate, triggerItemSelectionEvent, mergeSeparateCluster, customizeStyle, querySelector } from './utils/helper';import { createStyle } from './utils/helper';import { ZoomSettings, LegendSettings, Tile } from './model/base';import { LayerSettings, TitleSettings, Border, Margin, MapsAreaSettings, Annotation, CenterPosition } from './model/base';import { ZoomSettingsModel, LegendSettingsModel, LayerSettingsModel, BubbleSettingsModel } from './model/base-model';import { MarkerSettingsModel, SelectionSettingsModel , InitialMarkerSelectionSettingsModel} from './model/base-model';import { TitleSettingsModel, BorderModel, MarginModel, CenterPositionModel, InitialShapeSelectionSettingsModel } from './model/base-model';import { MapsAreaSettingsModel, AnnotationModel } from './model/base-model';import { Bubble } from './layers/bubble';import { Legend } from './layers/legend';import { Marker } from './layers/marker';import { Highlight } from './user-interaction/highlight';import { Selection } from './user-interaction/selection';import { MapsTooltip } from './user-interaction/tooltip';import { Zoom } from './user-interaction/zoom';import { load, click, rightClick, loaded, doubleClick, resize, shapeSelected, itemSelection, zoomIn } from './model/constants';import { ProjectionType, MapsTheme, PanDirection, TooltipGesture } from './utils/enum';import { getThemeStyle } from './model/theme';import { BingMap } from './layers/bing-map';import { ILoadEventArgs, ILoadedEventArgs, IMouseEventArgs, IResizeEventArgs, ITooltipRenderEventArgs } from './model/interface';import { GeoPosition, ITooltipRenderCompleteEventArgs, ILegendRenderingEventArgs } from './model/interface';import { ILayerRenderingEventArgs, IShapeRenderingEventArgs, IMarkerRenderingEventArgs, IMarkerClickEventArgs } from './model/interface';import { IMarkerMoveEventArgs, ILabelRenderingEventArgs, IBubbleMoveEventArgs, IBubbleClickEventArgs } from './model/interface';import { IMarkerClusterClickEventArgs, IMarkerClusterMoveEventArgs, IMarkerClusterRenderingEventArgs } from './model/interface';import { ISelectionEventArgs, IShapeSelectedEventArgs, IMapPanEventArgs, IMapZoomEventArgs } from './model/interface';import { IBubbleRenderingEventArgs, IAnimationCompleteEventArgs, IPrintEventArgs, IThemeStyle } from './model/interface';import { LayerPanel } from './layers/layer-panel';import { GeoLocation, Rect, RectOption, measureText, getElementByID, MapAjax, processResult, getElementsByClassName } from '../maps/utils/helper';import { findPosition, textTrim, TextOption, renderTextElement, convertGeoToPoint, calculateZoomLevel } from '../maps/utils/helper';import { Annotations } from '../maps/user-interaction/annotation';import { FontModel, DataLabel, MarkerSettings, IAnnotationRenderingEventArgs } from './index';import { NavigationLineSettingsModel, changeBorderWidth } from './index';import { NavigationLine } from './layers/navigation-selected-line';import { DataManager, Query } from '@syncfusion/ej2-data';import { ExportType } from '../maps/utils/enum';import { PdfPageOrientation } from '@syncfusion/ej2-pdf-export';import { Print } from './model/print';import { PdfExport } from './model/export-pdf';import { ImageExport } from './model/export-image';
import { Component, NotifyPropertyChanges, INotifyPropertyChanged, Property, Ajax } from '@syncfusion/ej2-base';import { EventHandler, Browser, EmitType, isNullOrUndefined, createElement, setValue, extend } from '@syncfusion/ej2-base';import { Event, remove, L10n, Collection, Internationalization, Complex } from '@syncfusion/ej2-base';import { ModuleDeclaration } from '@syncfusion/ej2-base';import { SvgRenderer } from '@syncfusion/ej2-svg-base';import { Size, createSvg, Point, removeElement, triggerShapeEvent, showTooltip, checkShapeDataFields, MapLocation, getMousePosition, calculateSize } from './utils/helper';import { getElement, removeClass, getTranslate, triggerItemSelectionEvent, mergeSeparateCluster, customizeStyle, querySelector } from './utils/helper';import { createStyle } from './utils/helper';import { ZoomSettings, LegendSettings, Tile } from './model/base';import { LayerSettings, TitleSettings, Border, Margin, MapsAreaSettings, Annotation, CenterPosition } from './model/base';import { ZoomSettingsModel, LegendSettingsModel, LayerSettingsModel, BubbleSettingsModel } from './model/base-model';import { MarkerSettingsModel, SelectionSettingsModel , InitialMarkerSelectionSettingsModel} from './model/base-model';import { TitleSettingsModel, BorderModel, MarginModel, CenterPositionModel, InitialShapeSelectionSettingsModel } from './model/base-model';import { MapsAreaSettingsModel, AnnotationModel } from './model/base-model';import { Bubble } from './layers/bubble';import { Legend } from './layers/legend';import { Marker } from './layers/marker';import { Highlight } from './user-interaction/highlight';import { Selection } from './user-interaction/selection';import { MapsTooltip } from './user-interaction/tooltip';import { Zoom } from './user-interaction/zoom';import { load, click, rightClick, loaded, doubleClick, resize, shapeSelected, itemSelection, zoomIn } from './model/constants';import { ProjectionType, MapsTheme, PanDirection, TooltipGesture } from './utils/enum';import { getThemeStyle, Theme } from './model/theme';import { BingMap } from './layers/bing-map';import { ILoadEventArgs, ILoadedEventArgs, IMouseEventArgs, IResizeEventArgs, ITooltipRenderEventArgs } from './model/interface';import { GeoPosition, ITooltipRenderCompleteEventArgs, ILegendRenderingEventArgs } from './model/interface';import { ILayerRenderingEventArgs, IShapeRenderingEventArgs, IMarkerRenderingEventArgs, IMarkerClickEventArgs } from './model/interface';import { IMarkerMoveEventArgs, ILabelRenderingEventArgs, IBubbleMoveEventArgs, IBubbleClickEventArgs } from './model/interface';import { IMarkerClusterClickEventArgs, IMarkerClusterMoveEventArgs, IMarkerClusterRenderingEventArgs } from './model/interface';import { ISelectionEventArgs, IShapeSelectedEventArgs, IMapPanEventArgs, IMapZoomEventArgs } from './model/interface';import { IBubbleRenderingEventArgs, IAnimationCompleteEventArgs, IPrintEventArgs, IThemeStyle } from './model/interface';import { LayerPanel } from './layers/layer-panel';import { GeoLocation, Rect, RectOption, measureText, getElementByID, MapAjax, processResult, getElementsByClassName } from '../maps/utils/helper';import { findPosition, textTrim, TextOption, renderTextElement, convertGeoToPoint, calculateZoomLevel } from '../maps/utils/helper';import { Annotations } from '../maps/user-interaction/annotation';import { FontModel, DataLabel, MarkerSettings, IAnnotationRenderingEventArgs } from './index';import { NavigationLineSettingsModel, changeBorderWidth } from './index';import { NavigationLine } from './layers/navigation-selected-line';import { DataManager, Query } from '@syncfusion/ej2-data';import { ExportType } from '../maps/utils/enum';import { PdfPageOrientation } from '@syncfusion/ej2-pdf-export';import { Print } from './model/print';import { PdfExport } from './model/export-pdf';import { ImageExport } from './model/export-image';
import {ComponentModel} from '@syncfusion/ej2-base';

@@ -3,0 +3,0 @@

7

src/maps/maps.d.ts

@@ -1028,2 +1028,9 @@ /**

/**
* This method is used to get the Bing maps URL.
*
* @param {string} url - Specifies the URL of the maps.
* @returns {Promise<string>} - Returns the processed Bing URL as Promise.
*/
getBingUrlTemplate(url: string): Promise<string>;
/**
* To find visibility of layers and markers for required modules load.

@@ -1030,0 +1037,0 @@ *

6

src/maps/model/base-model.d.ts

@@ -1562,2 +1562,3 @@ import { Property, ChildProperty, Complex, Collection } from '@syncfusion/ej2-base';import { DataManager, Query } from '@syncfusion/ej2-data';import { Alignment, LegendPosition, LegendType, LegendMode, ShapeLayerType, Type, MarkerType, Orientation, MapAjax } from '../../index';import { SmartLabelMode, IntersectAction } from '../../index';import { Theme } from './theme';import { Point, GeoLocation } from '../utils/helper';import { BingMapType, LegendArrangement, LegendShape, BubbleType, StaticMapType } from '../utils/enum';import { AnnotationAlignment, GeometryType, LabelPosition, LabelIntersectAction } from '../index';

*
* @default Aerial

@@ -1570,2 +1571,3 @@ */

*
* @default RoadMap

@@ -1578,2 +1580,3 @@ */

*
* @default ''

@@ -1587,2 +1590,3 @@ */

*
* @default Geometry

@@ -1595,3 +1599,3 @@ */

*
* @default 'https://a.tile.openstreetmap.org/level/tileX/tileY.png'
* @default ''
*/

@@ -1598,0 +1602,0 @@ urlTemplate?: string;

6

src/maps/model/base.d.ts

@@ -1336,2 +1336,3 @@ /**

*
* @default Aerial

@@ -1343,2 +1344,3 @@ */

*
* @default RoadMap

@@ -1350,2 +1352,3 @@ */

*
* @default ''

@@ -1358,2 +1361,3 @@ */

*
* @default Geometry

@@ -1365,3 +1369,3 @@ */

*
* @default 'https://a.tile.openstreetmap.org/level/tileX/tileY.png'
* @default ''
*/

@@ -1368,0 +1372,0 @@ urlTemplate: string;

10

src/maps/model/base.js

@@ -528,3 +528,3 @@ var __extends = (this && this.__extends) || (function () {

__decorate([
Complex({ size: Theme.mapsSubTitleFont.size, fontWeight: null }, Font)
Complex({ size: null, fontWeight: null, fontFamily: null }, Font)
], SubTitleSettings.prototype, "textStyle", void 0);

@@ -546,3 +546,3 @@ __decorate([

__decorate([
Complex({ size: Theme.mapsTitleFont.size, fontWeight: null }, Font)
Complex({ size: null, fontWeight: null, fontFamily: null }, Font)
], TitleSettings.prototype, "textStyle", void 0);

@@ -694,3 +694,3 @@ __decorate([

__decorate([
Complex({}, Font)
Complex({ fontFamily: null }, Font)
], LegendSettings.prototype, "textStyle", void 0);

@@ -716,3 +716,3 @@ __decorate([

__decorate([
Complex(Theme.legendTitleFont, Font)
Complex({ size: Theme.legendTitleFont.size, color: Theme.legendTitleFont.color, fontStyle: Theme.legendTitleFont.fontStyle, fontWeight: Theme.legendTitleFont.fontWeight, fontFamily: null }, Font)
], LegendSettings.prototype, "titleStyle", void 0);

@@ -985,3 +985,3 @@ __decorate([

__decorate([
Property('https://a.tile.openstreetmap.org/level/tileX/tileY.png')
Property('')
], LayerSettings.prototype, "urlTemplate", void 0);

@@ -988,0 +988,0 @@ __decorate([

3

src/maps/model/theme.js

@@ -331,2 +331,3 @@ /**

titleFontColor: '#FFFFFF',
titleFontSize: '14px',
subTitleFontColor: '#FFFFFF',

@@ -351,2 +352,3 @@ legendTitleFontColor: '#DADADA',

titleFontColor: '#FFFFFF',
titleFontSize: '14px',
subTitleFontColor: '#FFFFFF',

@@ -532,2 +534,3 @@ legendTitleFontColor: '#FFFFFF',

titleFontColor: '#424242',
titleFontSize: '14px',
subTitleFontColor: '#424242',

@@ -534,0 +537,0 @@ legendTitleFontColor: '#757575',

13

src/maps/user-interaction/highlight.js

@@ -57,3 +57,4 @@ import { itemHighlight } from '../index';

targetEle.getAttribute('class') !== 'BubbleselectionMapStyle' &&
targetEle.getAttribute('class') !== 'navigationlineselectionMapStyle') {
targetEle.getAttribute('class') !== 'navigationlineselectionMapStyle' &&
targetEle.getAttribute('class') !== 'LineselectionMapStyle') {
layerIndex = parseInt(targetEle.id.split('_LayerIndex_')[1].split('_')[0], 10);

@@ -68,4 +69,5 @@ // eslint-disable-next-line @typescript-eslint/no-explicit-any

shapeIn = parseInt(targetEle.id.split('_shapeIndex_')[1].split('_')[0], 10);
shapeData = this.maps.layers[layerIndex].shapeData['features'] ?
this.maps.layers[layerIndex].shapeData['features'][shapeIn]['properties'] : null;
shapeData = this.maps.layers[layerIndex].shapeData['features'] &&
!isNullOrUndefined(this.maps.layersCollection[layerIndex].layerData[shapeIn]) ?
this.maps.layersCollection[layerIndex].layerData[shapeIn]['property'] : null;
dataIndex = parseInt(targetEle.id.split('_dataIndex_')[1].split('_')[0], 10);

@@ -142,3 +144,4 @@ data = isNullOrUndefined(dataIndex) ? null : this.maps.layers[layerIndex].dataSource[dataIndex];

Highlight.prototype.handleHighlight = function (targetElement, layerIndex, data, shapeData) {
if (this.maps.legendSettings.visible && targetElement.id.indexOf('_MarkerIndex_') === -1 && this.maps.legendModule) {
if (this.maps.legendSettings.visible && targetElement.id.indexOf('_MarkerIndex_') === -1 && this.maps.legendModule
&& this.maps.legendSettings.type === 'Layers') {
this.maps.legendModule.shapeHighLightAndSelection(targetElement, data, this.highlightSettings, 'highlight', layerIndex);

@@ -162,3 +165,3 @@ }

var border = {
color: (targetEle.parentElement.id.indexOf('LineString') === -1) ? this.highlightSettings.border.color : (this.highlightSettings.border.color || this.highlightSettings.fill),
color: (targetEle.parentElement.id.indexOf('LineString') === -1) ? this.highlightSettings.border.color : (this.highlightSettings.fill || this.highlightSettings.border.color),
width: (targetEle.parentElement.id.indexOf('LineString') === -1) ? (this.highlightSettings.border.width / (isMarkerSelect ? 1 : this.maps.scale)) : (this.highlightSettings.border.width / this.maps.scale),

@@ -165,0 +168,0 @@ opacity: this.highlightSettings.border.opacity

49

src/maps/user-interaction/selection.js

@@ -51,4 +51,8 @@ import { click, itemSelection } from '../index';

shapeIndex = parseInt(targetElement.id.split('_shapeIndex_')[1].split('_')[0], 10);
shapeData = this.maps.layers[layerIndex].shapeData['features']['length'] > shapeIndex ?
this.maps.layers[layerIndex].shapeData['features'][shapeIndex]['properties'] : null;
shapeData = !isNullOrUndefined(this.maps.layers[layerIndex].shapeData['features'])
&& this.maps.layers[layerIndex].shapeData['features']['length'] > shapeIndex ?
this.maps.layers[layerIndex].shapeData['features'][shapeIndex]['properties'] :
!isNullOrUndefined(this.maps.layers[layerIndex].shapeData['geometries'])
&& this.maps.layers[layerIndex].shapeData['geometries']['length'] > shapeIndex ?
this.maps.layers[layerIndex].shapeData['geometries'][shapeIndex]['properties'] : null;
dataIndex = parseInt(targetElement.id.split('_dataIndex_')[1].split('_')[0], 10);

@@ -137,6 +141,8 @@ data = isNullOrUndefined(dataIndex) ? null : this.maps.layers[layerIndex].dataSource[dataIndex];

var selectionClass;
var isLineStringShape = targetElement.parentElement.id.indexOf('LineString') > -1;
var selectionsettings = this.selectionsettings;
var border = {
color: (targetElement.parentElement.id.indexOf('LineString') === -1) ? this.selectionsettings.border.color : (this.selectionsettings.border.color || this.selectionsettings.fill),
width: (targetElement.parentElement.id.indexOf('LineString') === -1) ? (this.selectionsettings.border.width / (this.selectionType === 'Marker' ? 1 : this.maps.scale)) : (this.selectionsettings.border.width / this.maps.scale),
color: isLineStringShape ? (this.selectionsettings.fill || this.selectionsettings.border.color) : this.selectionsettings.border.color,
width: isLineStringShape ? (this.selectionsettings.border.width / this.maps.scale) :
(this.selectionsettings.border.width / (this.selectionType === 'Marker' ? 1 : this.maps.scale)),
opacity: this.selectionsettings.border.opacity

@@ -146,3 +152,3 @@ };

opacity: this.selectionsettings.opacity,
fill: (targetElement.parentElement.id.indexOf('LineString') === -1) ? (this.selectionType !== 'navigationline' ? this.selectionsettings.fill : 'none') : 'transparent',
fill: isLineStringShape ? 'transparent' : (this.selectionType !== 'navigationline' ? this.selectionsettings.fill : 'none'),
border: border,

@@ -159,3 +165,4 @@ name: itemSelection,

if (!eventArgs.cancel) {
if (targetElement.getAttribute('class') === _this.selectionType + 'selectionMapStyle') {
if (targetElement.getAttribute('class') === _this.selectionType + 'selectionMapStyle'
|| targetElement.getAttribute('class') === 'LineselectionMapStyle') {
removeClass(targetElement);

@@ -179,3 +186,4 @@ _this.removedSelectionList(targetElement);

if (!_this.selectionsettings.enableMultiSelect &&
layetElement.getElementsByClassName(_this.selectionType + 'selectionMapStyle').length > 0) {
(layetElement.getElementsByClassName(_this.selectionType + 'selectionMapStyle').length > 0 ||
layetElement.getElementsByClassName('LineselectionMapStyle').length > 0)) {
var eleCount = layetElement.getElementsByClassName(_this.selectionType + 'selectionMapStyle').length;

@@ -188,2 +196,10 @@ var ele = void 0;

}
if (layetElement.getElementsByClassName('LineselectionMapStyle').length > 0) {
eleCount = layetElement.getElementsByClassName('LineselectionMapStyle').length;
for (var k = 0; k < eleCount; k++) {
ele = layetElement.getElementsByClassName('LineselectionMapStyle')[0];
removeClass(ele);
_this.removedSelectionList(ele);
}
}
if (_this.selectionType === 'Shape') {

@@ -206,9 +222,20 @@ _this.maps.shapeSelectionItem = [];

}
if (!getElement(_this.selectionType + 'selectionMap')) {
document.body.appendChild(createStyle(_this.selectionType + 'selectionMap', _this.selectionType + 'selectionMapStyle', eventArgs));
if (!isLineStringShape) {
if (!getElement(_this.selectionType + 'selectionMap')) {
document.body.appendChild(createStyle(_this.selectionType + 'selectionMap', _this.selectionType + 'selectionMapStyle', eventArgs));
}
else {
customizeStyle(_this.selectionType + 'selectionMap', _this.selectionType + 'selectionMapStyle', eventArgs);
}
targetElement.setAttribute('class', _this.selectionType + 'selectionMapStyle');
}
else {
customizeStyle(_this.selectionType + 'selectionMap', _this.selectionType + 'selectionMapStyle', eventArgs);
if (!getElement('LineselectionMap')) {
document.body.appendChild(createStyle('LineselectionMap', 'LineselectionMapStyle', eventArgs));
}
else {
customizeStyle('LineselectionMap', 'LineselectionMapStyle', eventArgs);
}
targetElement.setAttribute('class', 'LineselectionMapStyle');
}
targetElement.setAttribute('class', _this.selectionType + 'selectionMapStyle');
if (targetElement.getAttribute('class') === 'ShapeselectionMapStyle') {

@@ -215,0 +242,0 @@ _this.maps.shapeSelectionClass = getElement(_this.selectionType + 'selectionMap');

2

src/maps/user-interaction/zoom.d.ts

@@ -47,3 +47,2 @@ import { Maps, ITouches } from '../../index';

private startTouches;
private shapeZoomLocation;
private zoomshapewidth;

@@ -73,2 +72,3 @@ private index;

performZooming(position: Point, newZoomFactor: number, type: string): void;
private calculateInitalZoomTranslatePoint;
private triggerZoomEvent;

@@ -75,0 +75,0 @@ private getTileTranslatePosition;

dist/ej2-maps.umd.min.js

Sorry, the diff of this file is too big to display

dist/ej2-maps.umd.min.js.map

Sorry, the diff of this file is not supported yet

dist/es6/ej2-maps.es2015.js

Sorry, the diff of this file is too big to display

dist/es6/ej2-maps.es2015.js.map

Sorry, the diff of this file is not supported yet

dist/es6/ej2-maps.es5.js

Sorry, the diff of this file is too big to display

dist/es6/ej2-maps.es5.js.map

Sorry, the diff of this file is not supported yet

dist/global/ej2-maps.min.js

Sorry, the diff of this file is too big to display

dist/global/ej2-maps.min.js.map

Sorry, the diff of this file is not supported yet

src/maps/layers/layer-panel.js

Sorry, the diff of this file is too big to display

src/maps/layers/legend.js

Sorry, the diff of this file is too big to display

src/maps/maps.js

Sorry, the diff of this file is too big to display

src/maps/user-interaction/zoom.js

Sorry, the diff of this file is too big to display

src/maps/utils/helper.js

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc