@vtx/modals2 2.6.35 → 2.6.37
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/lib/vm-map/index.js +4 -1
- package/lib/vm-map/index.js.map +1 -1
- package/lib/vm-map/mapStyle.js +30 -1
- package/lib/vm-map/mapStyle.js.map +1 -1
- package/lib/vm-sub-title/style/index.css +8 -6
- package/lib/vm-sub-title/style/index.less +9 -7
- package/lib/vtx-base-modal/index.js +7 -3
- package/lib/vtx-base-modal/index.js.map +1 -1
- package/lib/vtx-base-modal/style/index.css +15 -11
- package/lib/vtx-base-modal/style/index.less +22 -18
- package/lib/vtx-cp-modal/index.js +1 -1
- package/lib/vtx-cp-modal/index.js.map +1 -1
- package/lib/vtx-default-modal/index.js +1 -1
- package/lib/vtx-default-modal/index.js.map +1 -1
- package/lib/vtx-kh-modal/index.js +1 -1
- package/lib/vtx-kh-modal/index.js.map +1 -1
- package/lib/vtx-road-modal/index.js +1 -1
- package/lib/vtx-road-modal/index.js.map +1 -1
- package/lib/vtx-zg-modal/index.js +1 -1
- package/lib/vtx-zg-modal/index.js.map +1 -1
- package/package.json +1 -1
- package/lib/vtx-base-modal/imgs/title_bg_light.png +0 -0
package/lib/vm-map/index.js
CHANGED
|
@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports["default"] = VmMap;
|
|
8
8
|
var _jquery = _interopRequireDefault(require("jquery"));
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _useSettings2 = _interopRequireDefault(require("../vm-hooks/useSettings"));
|
|
10
11
|
var _mapStyle = require("./mapStyle");
|
|
11
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
13
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -26,6 +27,8 @@ function VmMap(_ref) {
|
|
|
26
27
|
var markers = (0, _react.useRef)([]);
|
|
27
28
|
var mappolygons = (0, _react.useRef)([]);
|
|
28
29
|
var highlightLayer = (0, _react.useRef)([]);
|
|
30
|
+
var _useSettings = (0, _useSettings2["default"])(),
|
|
31
|
+
isDark = _useSettings.isDark;
|
|
29
32
|
(0, _react.useEffect)(function () {
|
|
30
33
|
initMap();
|
|
31
34
|
}, []);
|
|
@@ -50,7 +53,7 @@ function VmMap(_ref) {
|
|
|
50
53
|
var center = mapCenter || [119.603701, 30.636529];
|
|
51
54
|
mapRef.current = new window.BMapGL.Map('modalMap', {
|
|
52
55
|
style: {
|
|
53
|
-
styleJson: _mapStyle.customStyle
|
|
56
|
+
styleJson: isDark ? _mapStyle.customStyle : _mapStyle.customLight
|
|
54
57
|
}
|
|
55
58
|
});
|
|
56
59
|
var point = new window.BMapGL.Point(center[0], center[1]);
|
package/lib/vm-map/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["VmMap","mapCenter","mapPoints","mapPolygons","currentLayer","mapRef","useRef","markers","mappolygons","highlightLayer","useEffect","initMap","current","addPoints","addPolygons","_a","removeHighLightPolygons","id","rings","geometryInfo","lngLats","config","lineWidth","lineOpacity","JSON","stringify","init","center","window","BMapGL","Map","style","styleJson","customStyle","point","Point","centerAndZoom","addOverlay","Marker","$","getScript","points","removePoints","length","positions","forEach","item","_b","position","lng","lat","push","icon","Icon","url","Size","width","height","marker","offset","title","name","setViewport","polygons","type","removePolygons","map","cg","lineType","lineColor","color","pellucidity","Object","assign","polygonOption","strokeColor","strokeOpacity","strokeWeight","strokeStyle","fillColor","fillOpacity","polygonPath","split","_point","polygon","Polygon","removeOverlay","React","createElement"],"sources":["vm-map/index.js"],"sourcesContent":["/* eslint-disable no-undef */\nimport $ from 'jquery';\nimport React, { useEffect, useRef } from 'react';\nimport { customStyle } from './mapStyle';\nexport default function VmMap({ mapCenter, mapPoints, mapPolygons, currentLayer }) {\n const mapRef = useRef();\n const markers = useRef([]);\n const mappolygons = useRef([]);\n const highlightLayer = useRef([]);\n useEffect(() => {\n initMap();\n }, []);\n useEffect(() => {\n mapRef.current && addPoints(mapPoints);\n mapRef.current && addPolygons(mapPolygons);\n }, [mapPoints, mapPolygons]);\n useEffect(() => {\n var _a;\n removeHighLightPolygons();\n // 清空高亮图层并绘制新图层\n if (currentLayer === null || currentLayer === void 0 ? void 0 : currentLayer.id)\n addPolygons([\n {\n id: currentLayer.id,\n rings: (_a = currentLayer === null || currentLayer === void 0 ? void 0 : currentLayer.geometryInfo) === null || _a === void 0 ? void 0 : _a.lngLats,\n config: {\n lineWidth: 2,\n lineOpacity: 0.5\n },\n },\n ], 'highlight');\n }, [JSON.stringify(currentLayer)]);\n const init = () => {\n const center = mapCenter || [119.603701, 30.636529];\n mapRef.current = new window.BMapGL.Map('modalMap', {\n style: { styleJson: customStyle },\n });\n let point = new window.BMapGL.Point(center[0], center[1]);\n // 设置中心点和层级\n mapRef.current.centerAndZoom(point, 15);\n mapRef.current.addOverlay(new window.BMapGL.Marker(point));\n addPoints(mapPoints);\n addPolygons(mapPolygons);\n };\n const initMap = () => {\n if (window.BMapGL) {\n init();\n }\n else {\n $.getScript(`//api.map.baidu.com/getscript?type=webgl&v=1.0&ak=1XjLLEhZhQNUzd93EjU5nOGQ`, () => {\n init();\n });\n }\n };\n // 地图添加点位\n const addPoints = (points = []) => {\n removePoints();\n if (!(points === null || points === void 0 ? void 0 : points.length))\n return;\n // 添加点位\n const positions = [];\n points.forEach((item) => {\n var _a, _b;\n const position = new window.BMapGL.Point(item.lng, item.lat);\n positions.push(position);\n const icon = new window.BMapGL.Icon(item.url, new window.BMapGL.Size(item.width || 32, item.height || 45));\n const marker = new window.BMapGL.Marker(position, {\n icon,\n offset: new window.BMapGL.Size(((_a = item.offset) === null || _a === void 0 ? void 0 : _a.width) || -10, ((_b = item.offset) === null || _b === void 0 ? void 0 : _b.height) || -16),\n title: item.name || '',\n });\n markers.current.push(marker);\n mapRef.current.addOverlay(marker);\n });\n mapRef.current.setViewport(positions);\n };\n // 清除地图点位\n const removePoints = () => {\n markers.current.forEach((marker) => {\n mapRef.current.addOverlay(marker);\n });\n markers.current = [];\n };\n // 地图添加线\n const addPolygons = (polygons = [], type) => {\n removePolygons();\n if (!(polygons === null || polygons === void 0 ? void 0 : polygons.length))\n return;\n const points = [];\n //遍历添加图层(图元)\n polygons.map(item => {\n var _a;\n //初始化参数\n let cg = {\n lineType: 'solid',\n lineWidth: 5,\n lineColor: '#277ffa',\n lineOpacity: 0.3,\n color: '#fff',\n pellucidity: 0.5,\n // isHidden: false //后期需要再加\n };\n if (item.config) {\n cg = Object.assign(Object.assign({}, cg), item.config);\n }\n //面的参数\n let polygonOption = {\n strokeColor: cg.lineColor,\n strokeOpacity: cg.lineOpacity,\n strokeWeight: cg.lineWidth,\n strokeStyle: cg.lineType,\n fillColor: cg.color,\n fillOpacity: cg.pellucidity,\n }, polygonPath = (_a = item.rings) === null || _a === void 0 ? void 0 : _a.split(';').map(item => {\n let [lng, lat] = item === null || item === void 0 ? void 0 : item.split(',');\n let _point = new window.BMapGL.Point(lng, lat);\n points.push(_point);\n return _point;\n });\n //创建面对象\n let polygon = new window.BMapGL.Polygon(polygonPath, polygonOption);\n if (type) {\n // 若为高亮图层,单独保存,用于单独清除\n highlightLayer.current.push(polygon);\n mapRef.current.addOverlay(polygon);\n }\n else {\n mappolygons.current.push(polygon);\n mapRef.current.addOverlay(polygon);\n }\n });\n mapRef.current.setViewport(points);\n };\n // 清除地图图元\n const removePolygons = () => {\n mappolygons.current.forEach((polygon) => {\n mapRef.current.addOverlay(polygon);\n });\n mappolygons.current = [];\n };\n // 清除高亮图元\n const removeHighLightPolygons = () => {\n highlightLayer.current.forEach((polygon) => {\n mapRef.current.removeOverlay(polygon);\n });\n highlightLayer.current = [];\n };\n return React.createElement(\"div\", { id: \"modalMap\", style: { width: '100%', height: '100%' } });\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["VmMap","mapCenter","mapPoints","mapPolygons","currentLayer","mapRef","useRef","markers","mappolygons","highlightLayer","useSettings","isDark","useEffect","initMap","current","addPoints","addPolygons","_a","removeHighLightPolygons","id","rings","geometryInfo","lngLats","config","lineWidth","lineOpacity","JSON","stringify","init","center","window","BMapGL","Map","style","styleJson","customStyle","customLight","point","Point","centerAndZoom","addOverlay","Marker","$","getScript","points","removePoints","length","positions","forEach","item","_b","position","lng","lat","push","icon","Icon","url","Size","width","height","marker","offset","title","name","setViewport","polygons","type","removePolygons","map","cg","lineType","lineColor","color","pellucidity","Object","assign","polygonOption","strokeColor","strokeOpacity","strokeWeight","strokeStyle","fillColor","fillOpacity","polygonPath","split","_point","polygon","Polygon","removeOverlay","React","createElement"],"sources":["vm-map/index.js"],"sourcesContent":["/* eslint-disable no-undef */\nimport $ from 'jquery';\nimport React, { useEffect, useRef } from 'react';\nimport useSettings from '../vm-hooks/useSettings';\nimport { customStyle, customLight } from './mapStyle';\nexport default function VmMap({ mapCenter, mapPoints, mapPolygons, currentLayer }) {\n const mapRef = useRef();\n const markers = useRef([]);\n const mappolygons = useRef([]);\n const highlightLayer = useRef([]);\n const { isDark } = useSettings();\n useEffect(() => {\n initMap();\n }, []);\n useEffect(() => {\n mapRef.current && addPoints(mapPoints);\n mapRef.current && addPolygons(mapPolygons);\n }, [mapPoints, mapPolygons]);\n useEffect(() => {\n var _a;\n removeHighLightPolygons();\n // 清空高亮图层并绘制新图层\n if (currentLayer === null || currentLayer === void 0 ? void 0 : currentLayer.id)\n addPolygons([\n {\n id: currentLayer.id,\n rings: (_a = currentLayer === null || currentLayer === void 0 ? void 0 : currentLayer.geometryInfo) === null || _a === void 0 ? void 0 : _a.lngLats,\n config: {\n lineWidth: 2,\n lineOpacity: 0.5,\n },\n },\n ], 'highlight');\n }, [JSON.stringify(currentLayer)]);\n const init = () => {\n const center = mapCenter || [119.603701, 30.636529];\n mapRef.current = new window.BMapGL.Map('modalMap', {\n style: { styleJson: isDark ? customStyle : customLight },\n });\n let point = new window.BMapGL.Point(center[0], center[1]);\n // 设置中心点和层级\n mapRef.current.centerAndZoom(point, 15);\n mapRef.current.addOverlay(new window.BMapGL.Marker(point));\n addPoints(mapPoints);\n addPolygons(mapPolygons);\n };\n const initMap = () => {\n if (window.BMapGL) {\n init();\n }\n else {\n $.getScript(`//api.map.baidu.com/getscript?type=webgl&v=1.0&ak=1XjLLEhZhQNUzd93EjU5nOGQ`, () => {\n init();\n });\n }\n };\n // 地图添加点位\n const addPoints = (points = []) => {\n removePoints();\n if (!(points === null || points === void 0 ? void 0 : points.length))\n return;\n // 添加点位\n const positions = [];\n points.forEach((item) => {\n var _a, _b;\n const position = new window.BMapGL.Point(item.lng, item.lat);\n positions.push(position);\n const icon = new window.BMapGL.Icon(item.url, new window.BMapGL.Size(item.width || 32, item.height || 45));\n const marker = new window.BMapGL.Marker(position, {\n icon,\n offset: new window.BMapGL.Size(((_a = item.offset) === null || _a === void 0 ? void 0 : _a.width) || -10, ((_b = item.offset) === null || _b === void 0 ? void 0 : _b.height) || -16),\n title: item.name || '',\n });\n markers.current.push(marker);\n mapRef.current.addOverlay(marker);\n });\n mapRef.current.setViewport(positions);\n };\n // 清除地图点位\n const removePoints = () => {\n markers.current.forEach((marker) => {\n mapRef.current.addOverlay(marker);\n });\n markers.current = [];\n };\n // 地图添加线\n const addPolygons = (polygons = [], type) => {\n removePolygons();\n if (!(polygons === null || polygons === void 0 ? void 0 : polygons.length))\n return;\n const points = [];\n //遍历添加图层(图元)\n polygons.map(item => {\n var _a;\n //初始化参数\n let cg = {\n lineType: 'solid',\n lineWidth: 5,\n lineColor: '#277ffa',\n lineOpacity: 0.3,\n color: '#fff',\n pellucidity: 0.5,\n // isHidden: false //后期需要再加\n };\n if (item.config) {\n cg = Object.assign(Object.assign({}, cg), item.config);\n }\n //面的参数\n let polygonOption = {\n strokeColor: cg.lineColor,\n strokeOpacity: cg.lineOpacity,\n strokeWeight: cg.lineWidth,\n strokeStyle: cg.lineType,\n fillColor: cg.color,\n fillOpacity: cg.pellucidity,\n }, polygonPath = (_a = item.rings) === null || _a === void 0 ? void 0 : _a.split(';').map(item => {\n let [lng, lat] = item === null || item === void 0 ? void 0 : item.split(',');\n let _point = new window.BMapGL.Point(lng, lat);\n points.push(_point);\n return _point;\n });\n //创建面对象\n let polygon = new window.BMapGL.Polygon(polygonPath, polygonOption);\n if (type) {\n // 若为高亮图层,单独保存,用于单独清除\n highlightLayer.current.push(polygon);\n mapRef.current.addOverlay(polygon);\n }\n else {\n mappolygons.current.push(polygon);\n mapRef.current.addOverlay(polygon);\n }\n });\n mapRef.current.setViewport(points);\n };\n // 清除地图图元\n const removePolygons = () => {\n mappolygons.current.forEach((polygon) => {\n mapRef.current.addOverlay(polygon);\n });\n mappolygons.current = [];\n };\n // 清除高亮图元\n const removeHighLightPolygons = () => {\n highlightLayer.current.forEach((polygon) => {\n mapRef.current.removeOverlay(polygon);\n });\n highlightLayer.current = [];\n };\n return React.createElement(\"div\", { id: \"modalMap\", style: { width: '100%', height: '100%' } });\n}\n"],"mappings":";;;;;;;AACA;AACA;AACA;AACA;AAAsD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACvC,SAASA,KAAK,OAAsD;EAAA,IAAnDC,SAAS,QAATA,SAAS;IAAEC,SAAS,QAATA,SAAS;IAAEC,WAAW,QAAXA,WAAW;IAAEC,YAAY,QAAZA,YAAY;EAC3E,IAAMC,MAAM,GAAG,IAAAC,aAAM,GAAE;EACvB,IAAMC,OAAO,GAAG,IAAAD,aAAM,EAAC,EAAE,CAAC;EAC1B,IAAME,WAAW,GAAG,IAAAF,aAAM,EAAC,EAAE,CAAC;EAC9B,IAAMG,cAAc,GAAG,IAAAH,aAAM,EAAC,EAAE,CAAC;EACjC,mBAAmB,IAAAI,wBAAW,GAAE;IAAxBC,MAAM,gBAANA,MAAM;EACd,IAAAC,gBAAS,EAAC,YAAM;IACZC,OAAO,EAAE;EACb,CAAC,EAAE,EAAE,CAAC;EACN,IAAAD,gBAAS,EAAC,YAAM;IACZP,MAAM,CAACS,OAAO,IAAIC,SAAS,CAACb,SAAS,CAAC;IACtCG,MAAM,CAACS,OAAO,IAAIE,WAAW,CAACb,WAAW,CAAC;EAC9C,CAAC,EAAE,CAACD,SAAS,EAAEC,WAAW,CAAC,CAAC;EAC5B,IAAAS,gBAAS,EAAC,YAAM;IACZ,IAAIK,EAAE;IACNC,uBAAuB,EAAE;IACzB;IACA,IAAId,YAAY,KAAK,IAAI,IAAIA,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,YAAY,CAACe,EAAE,EAC3EH,WAAW,CAAC,CACR;MACIG,EAAE,EAAEf,YAAY,CAACe,EAAE;MACnBC,KAAK,EAAE,CAACH,EAAE,GAAGb,YAAY,KAAK,IAAI,IAAIA,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,YAAY,CAACiB,YAAY,MAAM,IAAI,IAAIJ,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACK,OAAO;MACnJC,MAAM,EAAE;QACJC,SAAS,EAAE,CAAC;QACZC,WAAW,EAAE;MACjB;IACJ,CAAC,CACJ,EAAE,WAAW,CAAC;EACvB,CAAC,EAAE,CAACC,IAAI,CAACC,SAAS,CAACvB,YAAY,CAAC,CAAC,CAAC;EAClC,IAAMwB,IAAI,GAAG,SAAPA,IAAI,GAAS;IACf,IAAMC,MAAM,GAAG5B,SAAS,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC;IACnDI,MAAM,CAACS,OAAO,GAAG,IAAIgB,MAAM,CAACC,MAAM,CAACC,GAAG,CAAC,UAAU,EAAE;MAC/CC,KAAK,EAAE;QAAEC,SAAS,EAAEvB,MAAM,GAAGwB,qBAAW,GAAGC;MAAY;IAC3D,CAAC,CAAC;IACF,IAAIC,KAAK,GAAG,IAAIP,MAAM,CAACC,MAAM,CAACO,KAAK,CAACT,MAAM,CAAC,CAAC,CAAC,EAAEA,MAAM,CAAC,CAAC,CAAC,CAAC;IACzD;IACAxB,MAAM,CAACS,OAAO,CAACyB,aAAa,CAACF,KAAK,EAAE,EAAE,CAAC;IACvChC,MAAM,CAACS,OAAO,CAAC0B,UAAU,CAAC,IAAIV,MAAM,CAACC,MAAM,CAACU,MAAM,CAACJ,KAAK,CAAC,CAAC;IAC1DtB,SAAS,CAACb,SAAS,CAAC;IACpBc,WAAW,CAACb,WAAW,CAAC;EAC5B,CAAC;EACD,IAAMU,OAAO,GAAG,SAAVA,OAAO,GAAS;IAClB,IAAIiB,MAAM,CAACC,MAAM,EAAE;MACfH,IAAI,EAAE;IACV,CAAC,MACI;MACDc,kBAAC,CAACC,SAAS,+EAA+E,YAAM;QAC5Ff,IAAI,EAAE;MACV,CAAC,CAAC;IACN;EACJ,CAAC;EACD;EACA,IAAMb,SAAS,GAAG,SAAZA,SAAS,GAAoB;IAAA,IAAhB6B,MAAM,uEAAG,EAAE;IAC1BC,YAAY,EAAE;IACd,IAAI,EAAED,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAACE,MAAM,CAAC,EAChE;IACJ;IACA,IAAMC,SAAS,GAAG,EAAE;IACpBH,MAAM,CAACI,OAAO,CAAC,UAACC,IAAI,EAAK;MACrB,IAAIhC,EAAE,EAAEiC,EAAE;MACV,IAAMC,QAAQ,GAAG,IAAIrB,MAAM,CAACC,MAAM,CAACO,KAAK,CAACW,IAAI,CAACG,GAAG,EAAEH,IAAI,CAACI,GAAG,CAAC;MAC5DN,SAAS,CAACO,IAAI,CAACH,QAAQ,CAAC;MACxB,IAAMI,IAAI,GAAG,IAAIzB,MAAM,CAACC,MAAM,CAACyB,IAAI,CAACP,IAAI,CAACQ,GAAG,EAAE,IAAI3B,MAAM,CAACC,MAAM,CAAC2B,IAAI,CAACT,IAAI,CAACU,KAAK,IAAI,EAAE,EAAEV,IAAI,CAACW,MAAM,IAAI,EAAE,CAAC,CAAC;MAC1G,IAAMC,MAAM,GAAG,IAAI/B,MAAM,CAACC,MAAM,CAACU,MAAM,CAACU,QAAQ,EAAE;QAC9CI,IAAI,EAAJA,IAAI;QACJO,MAAM,EAAE,IAAIhC,MAAM,CAACC,MAAM,CAAC2B,IAAI,CAAC,CAAC,CAACzC,EAAE,GAAGgC,IAAI,CAACa,MAAM,MAAM,IAAI,IAAI7C,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAAC0C,KAAK,KAAK,CAAC,EAAE,EAAE,CAAC,CAACT,EAAE,GAAGD,IAAI,CAACa,MAAM,MAAM,IAAI,IAAIZ,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACU,MAAM,KAAK,CAAC,EAAE,CAAC;QACrLG,KAAK,EAAEd,IAAI,CAACe,IAAI,IAAI;MACxB,CAAC,CAAC;MACFzD,OAAO,CAACO,OAAO,CAACwC,IAAI,CAACO,MAAM,CAAC;MAC5BxD,MAAM,CAACS,OAAO,CAAC0B,UAAU,CAACqB,MAAM,CAAC;IACrC,CAAC,CAAC;IACFxD,MAAM,CAACS,OAAO,CAACmD,WAAW,CAAClB,SAAS,CAAC;EACzC,CAAC;EACD;EACA,IAAMF,YAAY,GAAG,SAAfA,YAAY,GAAS;IACvBtC,OAAO,CAACO,OAAO,CAACkC,OAAO,CAAC,UAACa,MAAM,EAAK;MAChCxD,MAAM,CAACS,OAAO,CAAC0B,UAAU,CAACqB,MAAM,CAAC;IACrC,CAAC,CAAC;IACFtD,OAAO,CAACO,OAAO,GAAG,EAAE;EACxB,CAAC;EACD;EACA,IAAME,WAAW,GAAG,SAAdA,WAAW,GAA4B;IAAA,IAAxBkD,QAAQ,uEAAG,EAAE;IAAA,IAAEC,IAAI;IACpCC,cAAc,EAAE;IAChB,IAAI,EAAEF,QAAQ,KAAK,IAAI,IAAIA,QAAQ,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,QAAQ,CAACpB,MAAM,CAAC,EACtE;IACJ,IAAMF,MAAM,GAAG,EAAE;IACjB;IACAsB,QAAQ,CAACG,GAAG,CAAC,UAAApB,IAAI,EAAI;MACjB,IAAIhC,EAAE;MACN;MACA,IAAIqD,EAAE,GAAG;QACLC,QAAQ,EAAE,OAAO;QACjB/C,SAAS,EAAE,CAAC;QACZgD,SAAS,EAAE,SAAS;QACpB/C,WAAW,EAAE,GAAG;QAChBgD,KAAK,EAAE,MAAM;QACbC,WAAW,EAAE;QACb;MACJ,CAAC;;MACD,IAAIzB,IAAI,CAAC1B,MAAM,EAAE;QACb+C,EAAE,GAAGK,MAAM,CAACC,MAAM,CAACD,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEN,EAAE,CAAC,EAAErB,IAAI,CAAC1B,MAAM,CAAC;MAC1D;MACA;MACA,IAAIsD,aAAa,GAAG;UAChBC,WAAW,EAAER,EAAE,CAACE,SAAS;UACzBO,aAAa,EAAET,EAAE,CAAC7C,WAAW;UAC7BuD,YAAY,EAAEV,EAAE,CAAC9C,SAAS;UAC1ByD,WAAW,EAAEX,EAAE,CAACC,QAAQ;UACxBW,SAAS,EAAEZ,EAAE,CAACG,KAAK;UACnBU,WAAW,EAAEb,EAAE,CAACI;QACpB,CAAC;QAAEU,WAAW,GAAG,CAACnE,EAAE,GAAGgC,IAAI,CAAC7B,KAAK,MAAM,IAAI,IAAIH,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,EAAE,CAACoE,KAAK,CAAC,GAAG,CAAC,CAAChB,GAAG,CAAC,UAAApB,IAAI,EAAI;UAC9F,YAAiBA,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,IAAI,CAACoC,KAAK,CAAC,GAAG,CAAC;YAAA;YAAvEjC,GAAG;YAAEC,GAAG;UACb,IAAIiC,MAAM,GAAG,IAAIxD,MAAM,CAACC,MAAM,CAACO,KAAK,CAACc,GAAG,EAAEC,GAAG,CAAC;UAC9CT,MAAM,CAACU,IAAI,CAACgC,MAAM,CAAC;UACnB,OAAOA,MAAM;QACjB,CAAC,CAAC;MACF;MACA,IAAIC,OAAO,GAAG,IAAIzD,MAAM,CAACC,MAAM,CAACyD,OAAO,CAACJ,WAAW,EAAEP,aAAa,CAAC;MACnE,IAAIV,IAAI,EAAE;QACN;QACA1D,cAAc,CAACK,OAAO,CAACwC,IAAI,CAACiC,OAAO,CAAC;QACpClF,MAAM,CAACS,OAAO,CAAC0B,UAAU,CAAC+C,OAAO,CAAC;MACtC,CAAC,MACI;QACD/E,WAAW,CAACM,OAAO,CAACwC,IAAI,CAACiC,OAAO,CAAC;QACjClF,MAAM,CAACS,OAAO,CAAC0B,UAAU,CAAC+C,OAAO,CAAC;MACtC;IACJ,CAAC,CAAC;IACFlF,MAAM,CAACS,OAAO,CAACmD,WAAW,CAACrB,MAAM,CAAC;EACtC,CAAC;EACD;EACA,IAAMwB,cAAc,GAAG,SAAjBA,cAAc,GAAS;IACzB5D,WAAW,CAACM,OAAO,CAACkC,OAAO,CAAC,UAACuC,OAAO,EAAK;MACrClF,MAAM,CAACS,OAAO,CAAC0B,UAAU,CAAC+C,OAAO,CAAC;IACtC,CAAC,CAAC;IACF/E,WAAW,CAACM,OAAO,GAAG,EAAE;EAC5B,CAAC;EACD;EACA,IAAMI,uBAAuB,GAAG,SAA1BA,uBAAuB,GAAS;IAClCT,cAAc,CAACK,OAAO,CAACkC,OAAO,CAAC,UAACuC,OAAO,EAAK;MACxClF,MAAM,CAACS,OAAO,CAAC2E,aAAa,CAACF,OAAO,CAAC;IACzC,CAAC,CAAC;IACF9E,cAAc,CAACK,OAAO,GAAG,EAAE;EAC/B,CAAC;EACD,oBAAO4E,iBAAK,CAACC,aAAa,CAAC,KAAK,EAAE;IAAExE,EAAE,EAAE,UAAU;IAAEc,KAAK,EAAE;MAAE0B,KAAK,EAAE,MAAM;MAAEC,MAAM,EAAE;IAAO;EAAE,CAAC,CAAC;AACnG"}
|
package/lib/vm-map/mapStyle.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.whiteStyle = exports.snowStyle = exports.purpleStyle = exports.darkStyle = exports.customStyle2D = exports.customStyle = void 0;
|
|
6
|
+
exports.whiteStyle = exports.snowStyle = exports.purpleStyle = exports.darkStyle = exports.customStyle2D = exports.customStyle = exports.customLight = void 0;
|
|
7
7
|
var snowStyle = [{
|
|
8
8
|
featureType: 'background',
|
|
9
9
|
elementType: 'geometry',
|
|
@@ -4698,4 +4698,33 @@ var customStyle2D = [{
|
|
|
4698
4698
|
}
|
|
4699
4699
|
}];
|
|
4700
4700
|
exports.customStyle2D = customStyle2D;
|
|
4701
|
+
var customLight = [{
|
|
4702
|
+
featureType: 'town',
|
|
4703
|
+
stylers: {
|
|
4704
|
+
level: '19',
|
|
4705
|
+
curZoomRegionId: '0',
|
|
4706
|
+
curZoomRegion: '11-21'
|
|
4707
|
+
}
|
|
4708
|
+
}, {
|
|
4709
|
+
featureType: 'town',
|
|
4710
|
+
stylers: {
|
|
4711
|
+
level: '20',
|
|
4712
|
+
curZoomRegionId: '0',
|
|
4713
|
+
curZoomRegion: '11-21'
|
|
4714
|
+
}
|
|
4715
|
+
}, {
|
|
4716
|
+
featureType: 'town',
|
|
4717
|
+
stylers: {
|
|
4718
|
+
level: '21',
|
|
4719
|
+
curZoomRegionId: '0',
|
|
4720
|
+
curZoomRegion: '11-21'
|
|
4721
|
+
}
|
|
4722
|
+
}, {
|
|
4723
|
+
featureType: 'village',
|
|
4724
|
+
elementType: 'labels',
|
|
4725
|
+
stylers: {
|
|
4726
|
+
visibility: 'off'
|
|
4727
|
+
}
|
|
4728
|
+
}];
|
|
4729
|
+
exports.customLight = customLight;
|
|
4701
4730
|
//# sourceMappingURL=mapStyle.js.map
|