Skip to content

Commit 6228d7e

Browse files
chenxianhuiichenxianhuii
committed
[example]新增maplibregl webmap示例
1 parent 6dbe3f0 commit 6228d7e

19 files changed

Lines changed: 235 additions & 6 deletions

‎examples/maplibregl/01_chartService.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<!--********************************************************************
55
* 该示例需要引入
66
* turf (https://github.com/Turfjs/turf)
7-
* maplibre-gl-enhance (https://iclient.supermap.io/web/libs/maplibre-gl-js-enhance/1.12.1/maplibre-gl-enhance.js)
7+
* maplibre-gl-enhance (https://iclient.supermap.io/web/libs/maplibre-gl-js-enhance/4.3.0-1/maplibre-gl-enhance.js)
88
*********************************************************************-->
99
<!DOCTYPE html>
1010
<html>

‎examples/maplibregl/config.js‎

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -524,6 +524,69 @@ var exampleConfig = {
524524
}
525525
}
526526
},
527+
iPortal: {
528+
name: 'iPortal',
529+
name_en: 'iPortal',
530+
version: '11.3.0',
531+
content: {
532+
ip_map: {
533+
name: '地图(WebMap2.0)',
534+
name_en: 'iPortal Web map',
535+
version: '11.3.0',
536+
content: [
537+
{
538+
name: '分段专题图',
539+
name_en: 'Range',
540+
version: '11.3.0',
541+
thumbnail: 'iPortalWebmap_range.png',
542+
fileName: 'iPortalWebmap_range'
543+
},
544+
{
545+
name: '单值专题图',
546+
name_en: 'Unique',
547+
version: '11.3.0',
548+
thumbnail: 'iPortalWebmap_unique.png',
549+
fileName: 'iPortalWebmap_unique'
550+
},
551+
{
552+
name: '标签专题图',
553+
name_en: 'Label',
554+
version: '11.3.0',
555+
thumbnail: 'iPortalWebmap_label.png',
556+
fileName: 'iPortalWebmap_label'
557+
},
558+
{
559+
name: '热力图',
560+
name_en: 'Heat map',
561+
version: '11.3.0',
562+
thumbnail: 'iPortalWebmap_heat.png',
563+
fileName: 'iPortalWebmap_heat'
564+
},
565+
{
566+
name: '点样式',
567+
name_en: 'Point style',
568+
version: '11.3.0',
569+
thumbnail: 'iPortalWebmap_unicode.png',
570+
fileName: 'iPortalWebmap_unicode'
571+
}
572+
]
573+
},
574+
ip_map_3: {
575+
name: '地图(WebMap3.0)',
576+
name_en: 'iPortal Web map',
577+
version: '11.3.0',
578+
content: [
579+
{
580+
name: '白膜',
581+
name_en: 'Fill Extrusion',
582+
version: '11.3.0',
583+
thumbnail: 'iPortalWebmap_mapstudio.png',
584+
fileName: 'iPortalWebmap_mapstudio'
585+
}
586+
]
587+
}
588+
}
589+
},
527590
clientSpatialAnalyst: {
528591
name: "客户端分析",
529592
name_en: "Client spatial analysis",

‎examples/maplibregl/iPortalWebmap_heat.html‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<!--********************************************************************
2+
* Copyright© 2000 - 2024 SuperMap Software Co.Ltd. All rights reserved.
3+
*********************************************************************-->
4+
<!--********************************************************************
5+
* 该示例需要引入
6+
* xml-js (https://github.com/nashwaan/xml-js)
7+
* jsonSQL (https://github.com/rockdragon/jsonSQL)
8+
* canvg (https://github.com/canvg/canvg)
9+
* geostats (https://github.com/simogeo/geostats)
10+
* maplibre-gl-enhance (https://iclient.supermap.io/web/libs/maplibre-gl-js-enhance/4.3.0-1/maplibre-gl-enhance.js)
11+
*********************************************************************-->
12+
<!DOCTYPE html>
13+
<html style=" width: 100%;height: 100%;">
14+
<head>
15+
<meta charset="UTF-8">
16+
<title data-i18n="resources.title_iportalWebMap_heat"></title>
17+
<script type="text/javascript" src="../js/include-web.js"></script>
18+
<script type="text/javascript" include='jsonsql,canvg,geostats,maplibre-gl-enhance' src="../../dist/maplibregl/include-maplibregl.js"></script>
19+
</head>
20+
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height: 100%">
21+
<div id="map" style="width: 100%;height:100%"></div>
22+
<script type="text/javascript">
23+
new maplibregl.supermap.WebMap(1483525674 ,{
24+
target:'map',
25+
server:'https://iportal.supermap.io/iportal'
26+
});
27+
</script>
28+
</body>

‎examples/maplibregl/iPortalWebmap_label.html‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<!--********************************************************************
2+
* Copyright© 2000 - 2024 SuperMap Software Co.Ltd. All rights reserved.
3+
*********************************************************************-->
4+
<!--********************************************************************
5+
* 该示例需要引入
6+
* xml-js (https://github.com/nashwaan/xml-js)
7+
* jsonSQL (https://github.com/rockdragon/jsonSQL)
8+
* canvg (https://github.com/canvg/canvg)
9+
* geostats (https://github.com/simogeo/geostats)
10+
* maplibre-gl-enhance (https://iclient.supermap.io/web/libs/maplibre-gl-js-enhance/4.3.0-1/maplibre-gl-enhance.js)
11+
*********************************************************************-->
12+
<!DOCTYPE html>
13+
<html style=" width: 100%;height: 100%;">
14+
<head>
15+
<meta charset="UTF-8">
16+
<title data-i18n="resources.title_iportalWebMap_label"></title>
17+
<script type="text/javascript" src="../js/include-web.js"></script>
18+
<script type="text/javascript" include='jsonsql,canvg,geostats,maplibre-gl-enhance' src="../../dist/maplibregl/include-maplibregl.js"></script>
19+
</head>
20+
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height: 100%">
21+
<div id="map" style="width: 100%;height:100%"></div>
22+
<script type="text/javascript">
23+
new maplibregl.supermap.WebMap(773980268,{
24+
target:'map',
25+
server:'https://iportal.supermap.io/iportal'
26+
});
27+
</script>
28+
</body>

‎examples/maplibregl/iPortalWebmap_mapstudio.html‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<!--********************************************************************
2+
* Copyright© 2000 - 2021 SuperMap Software Co.Ltd. All rights reserved.
3+
*********************************************************************-->
4+
<!--********************************************************************
5+
* 该示例需要引入
6+
* maplibre-gl-enhance (https://iclient.supermap.io/web/libs/maplibre-gl-js-enhance/4.3.0-1/maplibre-gl-enhance.js)
7+
*********************************************************************-->
8+
<!DOCTYPE html>
9+
<html style=" width: 100%;height: 100%;">
10+
11+
<head>
12+
<meta charset="UTF-8">
13+
<title data-i18n="resources.title_iportalWebMap_mapstudio"></title>
14+
<script type="text/javascript" include="bootstrap" src="../js/include-web.js"></script>
15+
<script type="text/javascript" include='maplibre-gl-enhance' src="../../dist/maplibregl/include-maplibregl.js"></script>
16+
</head>
17+
18+
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height: 100%">
19+
<div id="map" style="width: 100%;height:100%"></div>
20+
<script type="text/javascript">
21+
new maplibregl.supermap.WebMap(1245594435, {
22+
target: 'map',
23+
server: 'https://www.supermapol.com/'
24+
});
25+
</script>
26+
</body>

‎examples/maplibregl/iPortalWebmap_range.html‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<!--********************************************************************
2+
* Copyright© 2000 - 2024 SuperMap Software Co.Ltd. All rights reserved.
3+
*********************************************************************-->
4+
<!--********************************************************************
5+
* 该示例需要引入
6+
* xml-js (https://github.com/nashwaan/xml-js)
7+
* jsonSQL (https://github.com/rockdragon/jsonSQL)
8+
* canvg (https://github.com/canvg/canvg)
9+
* geostats (https://github.com/simogeo/geostats)
10+
* maplibre-gl-enhance (https://iclient.supermap.io/web/libs/maplibre-gl-js-enhance/4.3.0-1/maplibre-gl-enhance.js)
11+
*********************************************************************-->
12+
<!DOCTYPE html>
13+
<html style=" width: 100%;height: 100%;">
14+
<head>
15+
<meta charset="UTF-8">
16+
<title data-i18n="resources.title_iportalWebMap_range"></title>
17+
<script type="text/javascript" src="../js/include-web.js"></script>
18+
<script type="text/javascript" include='jsonsql,canvg,geostats,maplibre-gl-enhance' src="../../dist/maplibregl/include-maplibregl.js"></script>
19+
</head>
20+
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height: 100%">
21+
<div id="map" style="width: 100%;height:100%"></div>
22+
<script type="text/javascript">
23+
new maplibregl.supermap.WebMap(491609698 ,{
24+
target:'map',
25+
server:'https://iportal.supermap.io/iportal'
26+
});
27+
</script>
28+
</body>

‎examples/maplibregl/iPortalWebmap_unicode.html‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<!--********************************************************************
2+
* Copyright© 2000 - 2024 SuperMap Software Co.Ltd. All rights reserved.
3+
*********************************************************************-->
4+
<!--********************************************************************
5+
* 该示例需要引入
6+
* xml-js (https://github.com/nashwaan/xml-js)
7+
* jsonSQL (https://github.com/rockdragon/jsonSQL)
8+
* canvg (https://github.com/canvg/canvg)
9+
* geostats (https://github.com/simogeo/geostats)
10+
* maplibre-gl-enhance (https://iclient.supermap.io/web/libs/maplibre-gl-js-enhance/4.3.0-1/maplibre-gl-enhance.js)
11+
*********************************************************************-->
12+
<!DOCTYPE html>
13+
<html style=" width: 100%;height: 100%;">
14+
<head>
15+
<meta charset="UTF-8">
16+
<title data-i18n="resources.title_iportalWebMap_unicode"></title>
17+
<script type="text/javascript" src="../js/include-web.js"></script>
18+
<script type="text/javascript" include='jsonsql,canvg,geostats,maplibre-gl-enhance' src="../../dist/maplibregl/include-maplibregl.js"></script>
19+
</head>
20+
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height: 100%">
21+
<div id="map" style="width: 100%;height:100%"></div>
22+
<script type="text/javascript">
23+
new maplibregl.supermap.WebMap(556070538,{
24+
target:'map',
25+
server:'https://iportal.supermap.io/iportal'
26+
});
27+
</script>
28+
</body>

‎examples/maplibregl/iPortalWebmap_unique.html‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<!--********************************************************************
2+
* Copyright© 2000 - 2024 SuperMap Software Co.Ltd. All rights reserved.
3+
*********************************************************************-->
4+
<!--********************************************************************
5+
* 该示例需要引入
6+
* xml-js (https://github.com/nashwaan/xml-js)
7+
* jsonSQL (https://github.com/rockdragon/jsonSQL)
8+
* canvg (https://github.com/canvg/canvg)
9+
* geostats (https://github.com/simogeo/geostats)
10+
* maplibre-gl-enhance (https://iclient.supermap.io/web/libs/maplibre-gl-js-enhance/4.3.0-1/maplibre-gl-enhance.js)
11+
*********************************************************************-->
12+
<!DOCTYPE html>
13+
<html style=" width: 100%;height: 100%;">
14+
<head>
15+
<meta charset="UTF-8">
16+
<title data-i18n="resources.title_iportalWebMap_unique"></title>
17+
<script type="text/javascript" src="../js/include-web.js"></script>
18+
<script type="text/javascript" include='jsonsql,canvg,geostats,maplibre-gl-enhance' src="../../dist/maplibregl/include-maplibregl.js"></script>
19+
</head>
20+
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height: 100%">
21+
<div id="map" style="width: 100%;height:100%"></div>
22+
<script type="text/javascript">
23+
new maplibregl.supermap.WebMap(801571284,{
24+
target:'map',
25+
server:'https://iportal.supermap.io/iportal'
26+
});
27+
</script>
28+
</body>

‎examples/maplibregl/imageService.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
* mapbox-gl-draw (https://github.com/mapbox/mapbox-gl-draw)
77
* turf (https://github.com/Turfjs/turf)
88
* mapboxgl-draw-rectangle-drag (https://github.com/CartoDB/mapboxgl-draw-rectangle-drag)
9-
* maplibre-gl-enhance (https://iclient.supermap.io/web/libs/maplibre-gl-js-enhance/1.12.1/maplibre-gl-enhance.js)
9+
* maplibre-gl-enhance (https://iclient.supermap.io/web/libs/maplibre-gl-js-enhance/4.3.0-1/maplibre-gl-enhance.js)
1010
*********************************************************************-->
1111
<!DOCTYPE html>
1212
<html style="width: 100%; height: 100%">

‎examples/maplibregl/img/iPortalWebmap_heat.png‎

20.7 KB
Loading

0 commit comments

Comments
 (0)