@mint-ui/map 0.3.8-beta → 0.4.0-beta
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/components/mint-map/core/wrapper/MapMarkerWrapper.js +1 -1
- package/dist/components/mint-map/google/GoogleMintMapController.js +20 -10
- package/dist/components/mint-map/kakao/KakaoMintMapController.js +4 -1
- package/dist/index.es.js +25 -12
- package/dist/index.umd.js +25 -12
- package/package.json +1 -1
|
@@ -13,7 +13,7 @@ var offsetCalibration = function (mapType, divElement, options) {
|
|
|
13
13
|
if (mapType === 'google') {
|
|
14
14
|
divElement.style.transform = "translate(50%, 100%) translate(-".concat(options.anchor ? options.anchor.x : '0', "px, -").concat(options.anchor ? options.anchor.y : '0', "px)");
|
|
15
15
|
} else if (mapType === 'kakao') {
|
|
16
|
-
divElement.style.transform = "translate(
|
|
16
|
+
divElement.style.transform = "translate(-".concat(options.anchor ? options.anchor.x : '0', "px, -").concat(options.anchor ? options.anchor.y : '0', "px)");
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
19
|
|
|
@@ -174,7 +174,7 @@ var GoogleMintMapController = function (_super) {
|
|
|
174
174
|
GoogleMintMapController.prototype.createMarker = function (marker) {
|
|
175
175
|
var _this = this;
|
|
176
176
|
|
|
177
|
-
var _a;
|
|
177
|
+
var _a, _b;
|
|
178
178
|
|
|
179
179
|
if (this.map) {
|
|
180
180
|
var googleMarker_1;
|
|
@@ -202,6 +202,10 @@ var GoogleMintMapController = function (_super) {
|
|
|
202
202
|
googleMarker_1.addListener(key, handler);
|
|
203
203
|
}
|
|
204
204
|
});
|
|
205
|
+
|
|
206
|
+
if (!((_b = marker.options) === null || _b === void 0 ? void 0 : _b.event) || !marker.options.event.get('click')) {
|
|
207
|
+
googleMarker_1.addListener('click', function () {});
|
|
208
|
+
}
|
|
205
209
|
}
|
|
206
210
|
};
|
|
207
211
|
|
|
@@ -237,17 +241,19 @@ var GoogleMintMapController = function (_super) {
|
|
|
237
241
|
}
|
|
238
242
|
|
|
239
243
|
if (this.map) {
|
|
240
|
-
var targetPane = parent;
|
|
244
|
+
var targetPane = parent.parentElement;
|
|
241
245
|
var max = 0;
|
|
242
246
|
|
|
243
|
-
|
|
244
|
-
var
|
|
247
|
+
if (targetPane) {
|
|
248
|
+
for (var i = 0; i < targetPane.childElementCount; i++) {
|
|
249
|
+
var elem = targetPane.children[i];
|
|
245
250
|
|
|
246
|
-
|
|
247
|
-
|
|
251
|
+
if (elem instanceof HTMLElement) {
|
|
252
|
+
var index = Number(elem.style.zIndex);
|
|
248
253
|
|
|
249
|
-
|
|
250
|
-
|
|
254
|
+
if (!isNaN(index) && index > max) {
|
|
255
|
+
max = index;
|
|
256
|
+
}
|
|
251
257
|
}
|
|
252
258
|
}
|
|
253
259
|
}
|
|
@@ -260,8 +266,10 @@ var GoogleMintMapController = function (_super) {
|
|
|
260
266
|
};
|
|
261
267
|
|
|
262
268
|
GoogleMintMapController.prototype.setMarkerZIndex = function (marker, zIndex) {
|
|
269
|
+
var _a;
|
|
270
|
+
|
|
263
271
|
if (this.map && marker.element && marker.element instanceof HTMLElement) {
|
|
264
|
-
var parent_1 = marker.element.parentElement;
|
|
272
|
+
var parent_1 = (_a = marker.element.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement;
|
|
265
273
|
|
|
266
274
|
if (parent_1) {
|
|
267
275
|
parent_1.style.zIndex = String(zIndex);
|
|
@@ -270,8 +278,10 @@ var GoogleMintMapController = function (_super) {
|
|
|
270
278
|
};
|
|
271
279
|
|
|
272
280
|
GoogleMintMapController.prototype.markerToTheTop = function (marker) {
|
|
281
|
+
var _a;
|
|
282
|
+
|
|
273
283
|
if (this.map && marker.element && marker.element instanceof HTMLElement) {
|
|
274
|
-
var parent_2 = marker.element.parentElement;
|
|
284
|
+
var parent_2 = (_a = marker.element.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement;
|
|
275
285
|
|
|
276
286
|
if (parent_2) {
|
|
277
287
|
this.setMarkerZIndex(marker, this.getMaxZIndex(1, parent_2));
|
|
@@ -192,6 +192,7 @@ var KakaoMintMapController = function (_super) {
|
|
|
192
192
|
} else {
|
|
193
193
|
kakaoMarker_1 = new kakao.maps.CustomOverlay(options);
|
|
194
194
|
marker.options.visible !== undefined && kakaoMarker_1.setVisible(marker.options.visible);
|
|
195
|
+
marker.element.parentElement.style.margin = '0';
|
|
195
196
|
marker.native = kakaoMarker_1;
|
|
196
197
|
}
|
|
197
198
|
|
|
@@ -215,6 +216,8 @@ var KakaoMintMapController = function (_super) {
|
|
|
215
216
|
if (options.visible !== undefined) {
|
|
216
217
|
marker.native.setVisible(options.visible);
|
|
217
218
|
}
|
|
219
|
+
|
|
220
|
+
marker.element.parentElement.style.margin = '0';
|
|
218
221
|
}
|
|
219
222
|
}
|
|
220
223
|
};
|
|
@@ -225,7 +228,7 @@ var KakaoMintMapController = function (_super) {
|
|
|
225
228
|
}
|
|
226
229
|
|
|
227
230
|
if (this.map) {
|
|
228
|
-
var targetPane = parent;
|
|
231
|
+
var targetPane = parent.parentElement;
|
|
229
232
|
var max = 0;
|
|
230
233
|
|
|
231
234
|
for (var i = 0; i < targetPane.childElementCount; i++) {
|
package/dist/index.es.js
CHANGED
|
@@ -1321,7 +1321,7 @@ var GoogleMintMapController = function (_super) {
|
|
|
1321
1321
|
GoogleMintMapController.prototype.createMarker = function (marker) {
|
|
1322
1322
|
var _this = this;
|
|
1323
1323
|
|
|
1324
|
-
var _a;
|
|
1324
|
+
var _a, _b;
|
|
1325
1325
|
|
|
1326
1326
|
if (this.map) {
|
|
1327
1327
|
var googleMarker_1;
|
|
@@ -1349,6 +1349,10 @@ var GoogleMintMapController = function (_super) {
|
|
|
1349
1349
|
googleMarker_1.addListener(key, handler);
|
|
1350
1350
|
}
|
|
1351
1351
|
});
|
|
1352
|
+
|
|
1353
|
+
if (!((_b = marker.options) === null || _b === void 0 ? void 0 : _b.event) || !marker.options.event.get('click')) {
|
|
1354
|
+
googleMarker_1.addListener('click', function () {});
|
|
1355
|
+
}
|
|
1352
1356
|
}
|
|
1353
1357
|
};
|
|
1354
1358
|
|
|
@@ -1384,17 +1388,19 @@ var GoogleMintMapController = function (_super) {
|
|
|
1384
1388
|
}
|
|
1385
1389
|
|
|
1386
1390
|
if (this.map) {
|
|
1387
|
-
var targetPane = parent;
|
|
1391
|
+
var targetPane = parent.parentElement;
|
|
1388
1392
|
var max = 0;
|
|
1389
1393
|
|
|
1390
|
-
|
|
1391
|
-
var
|
|
1394
|
+
if (targetPane) {
|
|
1395
|
+
for (var i = 0; i < targetPane.childElementCount; i++) {
|
|
1396
|
+
var elem = targetPane.children[i];
|
|
1392
1397
|
|
|
1393
|
-
|
|
1394
|
-
|
|
1398
|
+
if (elem instanceof HTMLElement) {
|
|
1399
|
+
var index = Number(elem.style.zIndex);
|
|
1395
1400
|
|
|
1396
|
-
|
|
1397
|
-
|
|
1401
|
+
if (!isNaN(index) && index > max) {
|
|
1402
|
+
max = index;
|
|
1403
|
+
}
|
|
1398
1404
|
}
|
|
1399
1405
|
}
|
|
1400
1406
|
}
|
|
@@ -1407,8 +1413,10 @@ var GoogleMintMapController = function (_super) {
|
|
|
1407
1413
|
};
|
|
1408
1414
|
|
|
1409
1415
|
GoogleMintMapController.prototype.setMarkerZIndex = function (marker, zIndex) {
|
|
1416
|
+
var _a;
|
|
1417
|
+
|
|
1410
1418
|
if (this.map && marker.element && marker.element instanceof HTMLElement) {
|
|
1411
|
-
var parent_1 = marker.element.parentElement;
|
|
1419
|
+
var parent_1 = (_a = marker.element.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement;
|
|
1412
1420
|
|
|
1413
1421
|
if (parent_1) {
|
|
1414
1422
|
parent_1.style.zIndex = String(zIndex);
|
|
@@ -1417,8 +1425,10 @@ var GoogleMintMapController = function (_super) {
|
|
|
1417
1425
|
};
|
|
1418
1426
|
|
|
1419
1427
|
GoogleMintMapController.prototype.markerToTheTop = function (marker) {
|
|
1428
|
+
var _a;
|
|
1429
|
+
|
|
1420
1430
|
if (this.map && marker.element && marker.element instanceof HTMLElement) {
|
|
1421
|
-
var parent_2 = marker.element.parentElement;
|
|
1431
|
+
var parent_2 = (_a = marker.element.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement;
|
|
1422
1432
|
|
|
1423
1433
|
if (parent_2) {
|
|
1424
1434
|
this.setMarkerZIndex(marker, this.getMaxZIndex(1, parent_2));
|
|
@@ -1813,6 +1823,7 @@ var KakaoMintMapController = function (_super) {
|
|
|
1813
1823
|
} else {
|
|
1814
1824
|
kakaoMarker_1 = new kakao.maps.CustomOverlay(options);
|
|
1815
1825
|
marker.options.visible !== undefined && kakaoMarker_1.setVisible(marker.options.visible);
|
|
1826
|
+
marker.element.parentElement.style.margin = '0';
|
|
1816
1827
|
marker.native = kakaoMarker_1;
|
|
1817
1828
|
}
|
|
1818
1829
|
|
|
@@ -1836,6 +1847,8 @@ var KakaoMintMapController = function (_super) {
|
|
|
1836
1847
|
if (options.visible !== undefined) {
|
|
1837
1848
|
marker.native.setVisible(options.visible);
|
|
1838
1849
|
}
|
|
1850
|
+
|
|
1851
|
+
marker.element.parentElement.style.margin = '0';
|
|
1839
1852
|
}
|
|
1840
1853
|
}
|
|
1841
1854
|
};
|
|
@@ -1846,7 +1859,7 @@ var KakaoMintMapController = function (_super) {
|
|
|
1846
1859
|
}
|
|
1847
1860
|
|
|
1848
1861
|
if (this.map) {
|
|
1849
|
-
var targetPane = parent;
|
|
1862
|
+
var targetPane = parent.parentElement;
|
|
1850
1863
|
var max = 0;
|
|
1851
1864
|
|
|
1852
1865
|
for (var i = 0; i < targetPane.childElementCount; i++) {
|
|
@@ -2612,7 +2625,7 @@ var offsetCalibration = function (mapType, divElement, options) {
|
|
|
2612
2625
|
if (mapType === 'google') {
|
|
2613
2626
|
divElement.style.transform = "translate(50%, 100%) translate(-".concat(options.anchor ? options.anchor.x : '0', "px, -").concat(options.anchor ? options.anchor.y : '0', "px)");
|
|
2614
2627
|
} else if (mapType === 'kakao') {
|
|
2615
|
-
divElement.style.transform = "translate(
|
|
2628
|
+
divElement.style.transform = "translate(-".concat(options.anchor ? options.anchor.x : '0', "px, -").concat(options.anchor ? options.anchor.y : '0', "px)");
|
|
2616
2629
|
}
|
|
2617
2630
|
};
|
|
2618
2631
|
|
package/dist/index.umd.js
CHANGED
|
@@ -1326,7 +1326,7 @@
|
|
|
1326
1326
|
GoogleMintMapController.prototype.createMarker = function (marker) {
|
|
1327
1327
|
var _this = this;
|
|
1328
1328
|
|
|
1329
|
-
var _a;
|
|
1329
|
+
var _a, _b;
|
|
1330
1330
|
|
|
1331
1331
|
if (this.map) {
|
|
1332
1332
|
var googleMarker_1;
|
|
@@ -1354,6 +1354,10 @@
|
|
|
1354
1354
|
googleMarker_1.addListener(key, handler);
|
|
1355
1355
|
}
|
|
1356
1356
|
});
|
|
1357
|
+
|
|
1358
|
+
if (!((_b = marker.options) === null || _b === void 0 ? void 0 : _b.event) || !marker.options.event.get('click')) {
|
|
1359
|
+
googleMarker_1.addListener('click', function () {});
|
|
1360
|
+
}
|
|
1357
1361
|
}
|
|
1358
1362
|
};
|
|
1359
1363
|
|
|
@@ -1389,17 +1393,19 @@
|
|
|
1389
1393
|
}
|
|
1390
1394
|
|
|
1391
1395
|
if (this.map) {
|
|
1392
|
-
var targetPane = parent;
|
|
1396
|
+
var targetPane = parent.parentElement;
|
|
1393
1397
|
var max = 0;
|
|
1394
1398
|
|
|
1395
|
-
|
|
1396
|
-
var
|
|
1399
|
+
if (targetPane) {
|
|
1400
|
+
for (var i = 0; i < targetPane.childElementCount; i++) {
|
|
1401
|
+
var elem = targetPane.children[i];
|
|
1397
1402
|
|
|
1398
|
-
|
|
1399
|
-
|
|
1403
|
+
if (elem instanceof HTMLElement) {
|
|
1404
|
+
var index = Number(elem.style.zIndex);
|
|
1400
1405
|
|
|
1401
|
-
|
|
1402
|
-
|
|
1406
|
+
if (!isNaN(index) && index > max) {
|
|
1407
|
+
max = index;
|
|
1408
|
+
}
|
|
1403
1409
|
}
|
|
1404
1410
|
}
|
|
1405
1411
|
}
|
|
@@ -1412,8 +1418,10 @@
|
|
|
1412
1418
|
};
|
|
1413
1419
|
|
|
1414
1420
|
GoogleMintMapController.prototype.setMarkerZIndex = function (marker, zIndex) {
|
|
1421
|
+
var _a;
|
|
1422
|
+
|
|
1415
1423
|
if (this.map && marker.element && marker.element instanceof HTMLElement) {
|
|
1416
|
-
var parent_1 = marker.element.parentElement;
|
|
1424
|
+
var parent_1 = (_a = marker.element.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement;
|
|
1417
1425
|
|
|
1418
1426
|
if (parent_1) {
|
|
1419
1427
|
parent_1.style.zIndex = String(zIndex);
|
|
@@ -1422,8 +1430,10 @@
|
|
|
1422
1430
|
};
|
|
1423
1431
|
|
|
1424
1432
|
GoogleMintMapController.prototype.markerToTheTop = function (marker) {
|
|
1433
|
+
var _a;
|
|
1434
|
+
|
|
1425
1435
|
if (this.map && marker.element && marker.element instanceof HTMLElement) {
|
|
1426
|
-
var parent_2 = marker.element.parentElement;
|
|
1436
|
+
var parent_2 = (_a = marker.element.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement;
|
|
1427
1437
|
|
|
1428
1438
|
if (parent_2) {
|
|
1429
1439
|
this.setMarkerZIndex(marker, this.getMaxZIndex(1, parent_2));
|
|
@@ -1818,6 +1828,7 @@
|
|
|
1818
1828
|
} else {
|
|
1819
1829
|
kakaoMarker_1 = new kakao.maps.CustomOverlay(options);
|
|
1820
1830
|
marker.options.visible !== undefined && kakaoMarker_1.setVisible(marker.options.visible);
|
|
1831
|
+
marker.element.parentElement.style.margin = '0';
|
|
1821
1832
|
marker.native = kakaoMarker_1;
|
|
1822
1833
|
}
|
|
1823
1834
|
|
|
@@ -1841,6 +1852,8 @@
|
|
|
1841
1852
|
if (options.visible !== undefined) {
|
|
1842
1853
|
marker.native.setVisible(options.visible);
|
|
1843
1854
|
}
|
|
1855
|
+
|
|
1856
|
+
marker.element.parentElement.style.margin = '0';
|
|
1844
1857
|
}
|
|
1845
1858
|
}
|
|
1846
1859
|
};
|
|
@@ -1851,7 +1864,7 @@
|
|
|
1851
1864
|
}
|
|
1852
1865
|
|
|
1853
1866
|
if (this.map) {
|
|
1854
|
-
var targetPane = parent;
|
|
1867
|
+
var targetPane = parent.parentElement;
|
|
1855
1868
|
var max = 0;
|
|
1856
1869
|
|
|
1857
1870
|
for (var i = 0; i < targetPane.childElementCount; i++) {
|
|
@@ -2617,7 +2630,7 @@
|
|
|
2617
2630
|
if (mapType === 'google') {
|
|
2618
2631
|
divElement.style.transform = "translate(50%, 100%) translate(-".concat(options.anchor ? options.anchor.x : '0', "px, -").concat(options.anchor ? options.anchor.y : '0', "px)");
|
|
2619
2632
|
} else if (mapType === 'kakao') {
|
|
2620
|
-
divElement.style.transform = "translate(
|
|
2633
|
+
divElement.style.transform = "translate(-".concat(options.anchor ? options.anchor.x : '0', "px, -").concat(options.anchor ? options.anchor.y : '0', "px)");
|
|
2621
2634
|
}
|
|
2622
2635
|
};
|
|
2623
2636
|
|