Socket
Socket
Sign inDemoInstall

@syncfusion/ej2-maps

Package Overview
Dependencies
Maintainers
2
Versions
168
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@syncfusion/ej2-maps - npm Package Compare versions

Comparing version 16.4.47 to 17.1.1-beta

.gitlab/.gitkeep

65

CHANGELOG.md

@@ -11,67 +11,2 @@ <!-- markdownlint-disable MD010 -->

## 16.4.40-beta (2018-12-10)
### Maps
#### New Features
- Support has been added for desaturation color mapping.
- Support has been added to hide specific legend items and bind legend text from data source.
- Support has been added for highlighting or selecting the legend items along with shapes.
- Support has been added to specify multiple fields in the data source for **shapePropertyPath**.
- Events has been added for zoom-in and zoom-out.
## 16.3.33 (2018-11-20)
### Maps
#### Bug Fixes
- Now map is rendering properly in universal applications
- Now panning works properly without freezing
## 16.3.22 (2018-09-25)
### Maps
#### Bug Fixes
- Now the data labels are rendering properly with numeric values.
## 16.3.17 (2018-09-12)
### Maps
#### Breaking Changes
- The maps tooltip has been replaced with `EJ2 SVG Tooltip`, so now it is mandatory to include `ej2-svg-base.umd.min.js` in system.js configuration if you are using system.js module loader. Update the system.js configuration while using this version and above.
#### Bug Fixes
- Tooltip is now working properly for marker in OSM map.
## 16.2.49 (2018-08-21)
### Maps
#### Bug Fixes
- Shape selection is now working fine with touch events
## 16.2.45 (2018-07-17)
### Maps
#### Bug Fixes
- Marker click event is now working fine with OSM layer
## 16.2.44 (2018-07-10)
### Maps
#### Bug Fixes
- Bing map type is changed as AerialWithLabels and now it is rendering properly with labels.
## 16.2.41 (2018-06-25)

@@ -78,0 +13,0 @@

2

dist/global/index.d.ts
/*!
* filename: index.d.ts
* version : 16.4.47
* version : 17.1.1-beta
* Copyright Syncfusion Inc. 2001 - 2019. All rights reserved.

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

{
"name": "@syncfusion/ej2-maps",
"version": "16.4.47",
"version": "17.1.1-beta",
"description": "The Maps component is used to visualize the geographical data and represent the statistical data of a particular geographical area on earth with user interactivity, and provides various customizing options",

@@ -8,9 +8,9 @@ "author": "Syncfusion Inc.",

"dependencies": {
"@syncfusion/ej2-base": "~16.4.47",
"@syncfusion/ej2-data": "~16.4.47",
"@syncfusion/ej2-popups": "~16.4.47",
"@syncfusion/ej2-pdf-export": "~16.4.47",
"@syncfusion/ej2-compression": "~16.4.47",
"@syncfusion/ej2-file-utils": "~16.4.47",
"@syncfusion/ej2-svg-base": "~16.4.47"
"@syncfusion/ej2-base": "~17.1.1-beta",
"@syncfusion/ej2-data": "~17.1.1-beta",
"@syncfusion/ej2-popups": "~17.1.1-beta",
"@syncfusion/ej2-pdf-export": "~17.1.1-beta",
"@syncfusion/ej2-compression": "~17.1.1-beta",
"@syncfusion/ej2-file-utils": "~17.1.1-beta",
"@syncfusion/ej2-svg-base": "~17.1.1-beta"
},

@@ -17,0 +17,0 @@ "devDependencies": {

@@ -11,3 +11,3 @@ # ej2-maps

To install Maps and its dependent packages, use the following commands
To install Maps and its dependent packages, use the following command

@@ -14,0 +14,0 @@ ```sh

@@ -228,3 +228,3 @@ import { isNullOrUndefined, extend, createElement, Ajax } from '@syncfusion/ej2-base';

}
var shapeID = this_1.mapObject.element.id + '_LayerIndex_' + layerIndex + '_ShapeIndex_' + i + '_dataIndex_' + k;
var shapeID = this_1.mapObject.element.id + '_LayerIndex_' + layerIndex + '_shapeIndex_' + i + '_dataIndex_' + k;
getShapeColor_1 = this_1.getShapeColorMapping(this_1.currentLayer, currentShapeData['property'], fill);

@@ -345,3 +345,3 @@ fill = Object.prototype.toString.call(getShapeColor_1) === '[object Object]' && !isNullOrUndefined(getShapeColor_1['fill'])

var group = (this.mapObject.renderer.createGroup({
id: this.mapObject.element.id + '_layerIndex_' + layerIndex + '_dataLableIndex_Group', style: 'pointer-events: none;'
id: this.mapObject.element.id + '_LayerIndex_' + layerIndex + '_dataLableIndex_Group', style: 'pointer-events: none;'
}));

@@ -348,0 +348,0 @@ if (this.mapObject.dataLabelModule && this.currentLayer.dataLabelSettings.visible) {

@@ -53,3 +53,3 @@ import { markerRendering, convertTileLatLongToPoint, MapLocation } from '../index';

var markerID = _this.maps.element.id + '_LayerIndex_' + layerIndex + '_MarkerIndex_'
+ markerIndex + '_DataIndex_' + dataIndex;
+ markerIndex + '_dataIndex_' + dataIndex;
var location_1 = (_this.maps.isTileMap) ? convertTileLatLongToPoint(new MapLocation(lng, lat), factor, _this.maps.tileTranslatePoint, true) : convertGeoToPoint(lat, lng, factor, currentLayer, _this.maps);

@@ -169,3 +169,3 @@ var animate = currentLayer.animationDuration !== 0 || isNullOrUndefined(_this.maps.zoomModule);

var markerIndex = parseInt(id[1].split('_MarkerIndex_')[1].split('_')[0], 10);
var dataIndex = parseInt(id[1].split('_DataIndex_')[1].split('_')[0], 10);
var dataIndex = parseInt(id[1].split('_dataIndex_')[1].split('_')[0], 10);
marker = layer.markerSettings[markerIndex];

@@ -172,0 +172,0 @@ if (!isNaN(markerIndex)) {

@@ -45,3 +45,3 @@ import { convertTileLatLongToPoint } from '../index';

var group = (this.maps.renderer.createGroup({
id: this.maps.element.id + '_layerIndex_' + layerIndex + '_line_Group'
id: this.maps.element.id + '_LayerIndex_' + layerIndex + '_line_Group'
}));

@@ -65,3 +65,3 @@ for (var i = 0; i < navigation.length; i++) {

navigationGroup = (this.maps.renderer.createGroup({
id: this.maps.element.id + '_layerIndex_' + layerIndex + '_NavigationGroup' + i + ''
id: this.maps.element.id + '_LayerIndex_' + layerIndex + '_NavigationGroup' + i + ''
}));

@@ -68,0 +68,0 @@ for (var j = 0; j < point['length'] - 1; j++) {

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

if (childElement.tagName === 'g') {
var layerIndex = parseFloat(childElement.id.split('_')[2]);
var layerIndex = parseFloat(childElement.id.split('_LayerIndex_')[1].split('_')[0]);
for (var j = 0; j < childElement.childNodes.length; j++) {

@@ -577,3 +577,3 @@ var childNode = childElement.childNodes[j];

this.trigger(click, eventArgs);
if (targetEle.id.indexOf('ShapeIndex') !== -1) {
if (targetEle.id.indexOf('shapeIndex') !== -1) {
var layerIndex = parseInt(targetEle.id.split('_LayerIndex_')[1].split('_')[0], 10);

@@ -617,3 +617,3 @@ triggerShapeEvent(targetId, this.layers[layerIndex].selectionSettings, this, shapeSelected);

}
if (targetEle.id.indexOf('ShapeIndex') !== -1) {
if (targetEle.id.indexOf('shapeIndex') !== -1) {
var layerIndex = parseInt(targetEle.id.split('_LayerIndex_')[1].split('_')[0], 10);

@@ -659,3 +659,3 @@ triggerShapeEvent(targetId, this.layers[layerIndex].selectionSettings, this, shapeSelected);

target = e.target;
// if (target.id.indexOf('ShapeIndex') !== -1 && !this.highlightSettings.enable) {
// if (target.id.indexOf('shapeIndex') !== -1 && !this.highlightSettings.enable) {
// triggerShapeEvent(target.id, this.highlightSettings, this, shapeHighlight);

@@ -662,0 +662,0 @@ // }

@@ -666,3 +666,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 } from '../utils/enum';import { AnnotationAlignment, GeometryType, LabelPosition, LabelIntersectAction } from '../index';

* Customize the legend background
* @default transparent
* @default 'transparent'
*/

@@ -669,0 +669,0 @@ background?: string;

@@ -547,3 +547,3 @@ /**

* Customize the legend background
* @default transparent
* @default 'transparent'
*/

@@ -550,0 +550,0 @@ background: string;

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

var dataIndex = void 0;
if (targetEle.id.indexOf('ShapeIndex') > -1) {
shapeIn = parseInt(targetEle.id.split('_ShapeIndex_')[1].split('_')[0], 10);
if (targetEle.id.indexOf('shapeIndex') > -1) {
shapeIn = parseInt(targetEle.id.split('_shapeIndex_')[1].split('_')[0], 10);
shapeData = this.maps.layers[layerIndex].shapeData['features'] ?

@@ -73,3 +73,3 @@ this.maps.layers[layerIndex].shapeData['features'][shapeIn]['properties'] : null;

var marker = parseInt(targetEle.id.split('_MarkerIndex_')[1].split('_')[0], 10);
dataIndex = parseInt(targetEle.id.split('_DataIndex_')[1].split('_')[0], 10);
dataIndex = parseInt(targetEle.id.split('_dataIndex_')[1].split('_')[0], 10);
data = this.maps.layers[layerIndex].markerSettings[marker].dataSource[dataIndex];

@@ -100,3 +100,3 @@ this.highlightSettings = this.maps.layers[layerIndex].markerSettings[marker].highlightSettings;

var index = parseInt(element.id.split('_NavigationIndex_')[1].split('_')[0], 10);
var layerIndex_1 = parseInt(element.parentElement.id.split('_layerIndex_')[1].split('_')[0], 10);
var layerIndex_1 = parseInt(element.parentElement.id.split('_LayerIndex_')[1].split('_')[0], 10);
element.setAttribute('stroke-width', this.maps.layers[layerIndex_1].navigationLineSettings[index].width.toString());

@@ -112,3 +112,3 @@ element.setAttribute('stroke', this.maps.layers[layerIndex_1].navigationLineSettings[index].color);

var index = parseInt(targetEle.id.split('_NavigationIndex_')[1].split('_')[0], 10);
layerIndex = parseInt(targetEle.parentElement.id.split('_layerIndex_')[1].split('_')[0], 10);
layerIndex = parseInt(targetEle.parentElement.id.split('_LayerIndex_')[1].split('_')[0], 10);
targetEle.setAttribute('stroke-width', this.maps.layers[layerIndex].navigationLineSettings[index].width.toString());

@@ -161,3 +161,3 @@ targetEle.setAttribute('stroke', this.maps.layers[layerIndex].navigationLineSettings[index].color);

var index = parseInt(elem.id.split('_NavigationIndex_')[1].split('_')[0], 10);
var layerIndex = parseInt(elem.parentElement.id.split('_layerIndex_')[1].split('_')[0], 10);
var layerIndex = parseInt(elem.parentElement.id.split('_LayerIndex_')[1].split('_')[0], 10);
elem.setAttribute('stroke-width', this.maps.layers[layerIndex].navigationLineSettings[index].width.toString());

@@ -164,0 +164,0 @@ elem.setAttribute('stroke', this.maps.layers[layerIndex].navigationLineSettings[index].color);

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

layerIndex = parseInt(targetEle.id.split('_LayerIndex_')[1].split('_')[0], 10);
if (targetEle.id.indexOf('ShapeIndex') > -1) {
shapeIndex = parseInt(targetEle.id.split('_ShapeIndex_')[1].split('_')[0], 10);
if (targetEle.id.indexOf('shapeIndex') > -1) {
shapeIndex = parseInt(targetEle.id.split('_shapeIndex_')[1].split('_')[0], 10);
shapeData = this.maps.layers[layerIndex].shapeData['features'] ?

@@ -62,3 +62,3 @@ this.maps.layers[layerIndex].shapeData['features'][shapeIndex]['properties'] : null;

var markerIndex = parseInt(targetEle.id.split('_MarkerIndex_')[1].split('_')[0], 10);
dataIndex = parseInt(targetEle.id.split('_DataIndex_')[1].split('_')[0], 10);
dataIndex = parseInt(targetEle.id.split('_dataIndex_')[1].split('_')[0], 10);
data = this.maps.layers[layerIndex].markerSettings[markerIndex].dataSource[dataIndex];

@@ -130,3 +130,3 @@ this.selectionsettings = this.maps.layers[layerIndex].markerSettings[markerIndex].selectionSettings;

var index = parseInt(targetEle.id.split('_NavigationIndex_')[1].split('_')[0], 10);
var layerIndex = parseInt(targetEle.parentElement.id.split('_layerIndex_')[1].split('_')[0], 10);
var layerIndex = parseInt(targetEle.parentElement.id.split('_LayerIndex_')[1].split('_')[0], 10);
targetEle.setAttribute('stroke-width', this.maps.layers[layerIndex].navigationLineSettings[index].width.toString());

@@ -142,3 +142,3 @@ targetEle.setAttribute('stroke', this.maps.layers[layerIndex].navigationLineSettings[index].color);

var index = parseInt(targetEle.id.split('_NavigationIndex_')[1].split('_')[0], 10);
var layerIndex = parseInt(targetEle.parentElement.id.split('_layerIndex_')[1].split('_')[0], 10);
var layerIndex = parseInt(targetEle.parentElement.id.split('_LayerIndex_')[1].split('_')[0], 10);
ele.setAttribute('stroke-width', this.maps.layers[layerIndex].navigationLineSettings[index].width.toString());

@@ -168,3 +168,3 @@ ele.setAttribute('stroke', this.maps.layers[layerIndex].navigationLineSettings[index].color);

// shape = getElement(this.maps.element.id + '_LayerIndex_' + data['layerIndex'] +
// '_ShapeIndex_' + data['shapeIndex'] + '_dataIndex_' + data['dataIndex']);
// '_shapeIndex_' + data['shapeIndex'] + '_dataIndex_' + data['dataIndex']);
// removeClass(shape);

@@ -171,0 +171,0 @@ // }

@@ -45,3 +45,3 @@ import { tooltipRender } from '../index';

var templateData = [];
var index = parseFloat(targetId.split('_')[2]);
var index = targetId.indexOf('_LayerIndex_') > -1 && parseFloat(targetId.split('_LayerIndex_')[1].split('_')[0]);
var layer = this.maps.layersCollection[index];

@@ -51,8 +51,8 @@ var tooltipContent = [];

location = getMousePosition(pageX, pageY, this.maps.svgObject);
var istooltipRender = (targetId.indexOf('_ShapeIndex_') > -1)
var istooltipRender = (targetId.indexOf('_shapeIndex_') > -1)
|| (targetId.indexOf('_MarkerIndex_') > -1) || (targetId.indexOf('_BubbleIndex_') > -1);
if (istooltipRender) {
if (targetId.indexOf('_ShapeIndex_') > -1) {
if (targetId.indexOf('_shapeIndex_') > -1) {
option = layer.tooltipSettings;
var shape = parseInt(targetId.split('_')[4], 10);
var shape = parseInt(targetId.split('_shapeIndex_')[1].split('_')[0], 10);
if (isNullOrUndefined(layer.layerData) || isNullOrUndefined(layer.layerData[shape])) {

@@ -80,4 +80,4 @@ return;

else if (targetId.indexOf('_MarkerIndex_') > -1) {
var markerIdex = parseInt(targetId.split('_')[4], 10);
var dataIndex = parseInt(targetId.split('_')[6], 10);
var markerIdex = parseInt(targetId.split('_MarkerIndex_')[1].split('_')[0], 10);
var dataIndex = parseInt(targetId.split('_MarkerIndex_')[1].split('_')[2], 10);
var marker = layer.markerSettings[markerIdex];

@@ -97,4 +97,4 @@ option = marker.tooltipSettings;

else if (targetId.indexOf('_BubbleIndex_') > -1) {
var bubbleIndex = parseInt(targetId.split('_')[4], 10);
var dataIndex = parseInt(targetId.split('_')[6], 10);
var bubbleIndex = parseInt(targetId.split('_BubbleIndex_')[1].split('_')[0], 10);
var dataIndex = parseInt(targetId.split('_BubbleIndex_')[1].split('_')[2], 10);
var bubble = layer.bubbleSettings[bubbleIndex];

@@ -101,0 +101,0 @@ option = bubble.tooltipSettings;

@@ -244,3 +244,3 @@ import { Point, getElementByID, PathOption, Rect, convertGeoToPoint, CircleOption, convertTileLatLongToPoint } from '../utils/helper';

this.templateCount++;
var index = parseFloat(layerElement.id.split('_')[2]);
var index = layerElement.id.indexOf('_LayerIndex_') > -1 && parseFloat(layerElement.id.split('_LayerIndex_')[1].split('_')[0]);
this.currentLayer = this.maps.layersCollection[index];

@@ -271,5 +271,5 @@ var factor = this.maps.mapLayerPanel.calculateFactor(this.currentLayer);

var bubbleTransform = childElement.getAttribute('transform');
layerIndex = parseFloat(childElement.id.split('_')[2]);
var bubleIndex = parseFloat(childElement.id.split('_')[4]);
var dataIndex = parseFloat(childElement.id.split('_')[6]);
layerIndex = parseFloat(childElement.id.split('_LayerIndex_')[1].split('_')[0]);
var bubleIndex = parseFloat(childElement.id.split('_BubbleIndex_')[1].split('_')[0]);
var dataIndex = parseFloat(childElement.id.split('_BubbleIndex_')[1].split('_')[2]);
for (var l = 0; l < this.maps.bubbleModule.bubbleCollection.length; l++) {

@@ -335,5 +335,5 @@ var bubbleCollection = this.maps.bubbleModule.bubbleCollection[l];

var labelCollection = this.maps.dataLabelModule.dataLabelCollections;
var layerIndex = parseFloat(element.id.split('_')[2]);
var shapeIndex = parseFloat(element.id.split('_')[4]);
var labelIndex = parseFloat(element.id.split('_')[6]);
var layerIndex = parseFloat(element.id.split('_LayerIndex_')[1].split('_')[0]);
var shapeIndex = parseFloat(element.id.split('_shapeIndex_')[1].split('_')[0]);
var labelIndex = parseFloat(element.id.split('_LabelIndex_')[1].split('_')[0]);
var duration = this.currentLayer.animationDuration;

@@ -373,5 +373,5 @@ for (var l = 0; l < labelCollection.length; l++) {

if (animate === void 0) { animate = false; }
var layerIndex = parseInt(element.id.split('_')[2], 10);
var markerIndex = parseInt(element.id.split('_')[4], 10);
var dataIndex = parseInt(element.id.split('_')[6], 10);
var layerIndex = parseInt(element.id.split('_LayerIndex_')[1].split('_')[0], 10);
var markerIndex = parseInt(element.id.split('_MarkerIndex_')[1].split('_')[0], 10);
var dataIndex = parseInt(element.id.split('_dataIndex_')[1].split('_')[0], 10);
var layer = this.maps.layersCollection[layerIndex];

@@ -612,3 +612,3 @@ var marker = layer.markerSettings[markerIndex];

var isTouch = e.pointerType === 'touch' || e.pointerType === '2' || (e.type.indexOf('touch') > -1);
var toolbar = target.id.split('_')[3];
var toolbar = target.id.split('_Zooming_ToolBar_')[1].split('_')[0];
if (isTouch) {

@@ -681,3 +681,3 @@ this.handled = true;

Zoom.prototype.showTooltip = function (e) {
var text = e.target.id.split('_')[3];
var text = e.target.id.split('_Zooming_ToolBar_')[1].split('_')[0];
if (!this.isTouch) {

@@ -911,3 +911,3 @@ createTooltip('EJ2_Map_Toolbar_Tip', this.maps.getLocalizedLabel(text), (e.pageY + 10), (e.pageX + 10), '10px');

var map = this.maps;
if (map.zoomSettings.zoomOnClick && e.target.id.indexOf('_ShapeIndex_') > -1 && !map.zoomSettings.doubleClickZoom
if (map.zoomSettings.zoomOnClick && e.target.id.indexOf('_shapeIndex_') > -1 && !map.zoomSettings.doubleClickZoom
&& (this.zoomColor === this.selectionColor && this.zoomElements)) {

@@ -914,0 +914,0 @@ var bounds = e.target.getBBox();

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

var layerIndex = parseInt(targetId.split('_LayerIndex_')[1].split('_')[0], 10);
var shapeIndex = parseInt(targetId.split('_ShapeIndex_')[1].split('_')[0], 10);
var shapeIndex = parseInt(targetId.split('_shapeIndex_')[1].split('_')[0], 10);
var layer = map.layers[layerIndex];

@@ -1092,3 +1092,3 @@ var shapeData = layer.layerData[shapeIndex]['property'];

if (shapeData[i]['properties'].name === name) {
targetId = map.element.id + '_' + 'LayerIndex_' + layerIndex + '_ShapeIndex_' + i + '_dataIndex_undefined';
targetId = map.element.id + '_' + 'LayerIndex_' + layerIndex + '_shapeIndex_' + i + '_dataIndex_undefined';
break;

@@ -1414,3 +1414,3 @@ }

var currentStroke = (maps.layersCollection[index]
.navigationLineSettings[parseFloat(node.id.split('_')[2])].width);
.navigationLineSettings[parseFloat(node.id.split('_NavigationIndex_')[1].split('_')[0])].width);
node.setAttribute('stroke-width', (currentStroke / scale).toString());

@@ -1417,0 +1417,0 @@ }

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

Sorry, the diff of this file is not supported yet

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

Sorry, the diff of this file is not supported yet

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

Sorry, the diff of this file is not supported yet

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

Sorry, the diff of this file is not supported yet

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

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc