Skip to content

Commit 42e53da

Browse files
xilanhuaweidapaoxilanhuaweidapao
committed
fix 优化创建临时图层html
1 parent 7ab3917 commit 42e53da

File tree

4 files changed

+85
-84
lines changed

4 files changed

+85
-84
lines changed

‎examples/leaflet/createTempLayer.html

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -7,18 +7,18 @@
77
<meta charset="UTF-8" />
88
<title data-i18n="resources.title_createTempLayer"></title>
99
<script type="text/javascript" include="bootstrap" src="../js/include-web.js"></script>
10+
<style>
11+
#toolbar {
12+
position: absolute;
13+
top: 50px;
14+
right: 10px;
15+
width: 300px;
16+
text-align: center;
17+
z-index: 500;
18+
border-radius: 4px;
19+
}
20+
</style>
1021
</head>
11-
<style>
12-
#toolbar {
13-
position: absolute;
14-
top: 50px;
15-
right: 10px;
16-
width: 300px;
17-
text-align: center;
18-
z-index: 500;
19-
border-radius: 4px;
20-
}
21-
</style>
2222
<body style="margin: 0; overflow: hidden; background: #fff; width: 100%; height: 100%; position: absolute; top: 0">
2323
<div id="toolbar" class="panel panel-primary">
2424
<div class="panel-heading">
@@ -31,7 +31,7 @@ <h5 class="panel-title text-center" data-i18n="resources.title_createTempLayer">
3131
<div class="panel">
3232
<div class="input-group">
3333
<span class="input-group-addon" data-i18n="resources.text_gamma"></span>
34-
<input id="gammaParam" value="1" class="form-control"></input>
34+
<input id="gammaParam" value="1" class="form-control" />
3535
</div>
3636
</div>
3737
<input
@@ -93,14 +93,14 @@ <h5 class="panel-title text-center" data-i18n="resources.title_createTempLayer">
9393
var layer = result.subLayers.layers[0];
9494
layer.gamma = document.getElementById("gammaParam").value || 1;
9595
layerInfoService.setLayersInfo(
96-
new L.supermap.SetLayersInfoParameters({
97-
layersInfo: result,
98-
resourceID: newResourceID,
99-
isTempLayers: true
100-
})
101-
).then((res) => {
102-
tempLayer.updateParams();
103-
});
96+
new L.supermap.SetLayersInfoParameters({
97+
layersInfo: result,
98+
resourceID: newResourceID,
99+
isTempLayers: true
100+
})
101+
).then((res) => {
102+
tempLayer.updateParams();
103+
});
104104
}
105105
</script>
106106
</body>

‎examples/mapboxgl/createTempLayer.html

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -7,18 +7,18 @@
77
<meta charset="UTF-8" />
88
<title data-i18n="resources.title_createTempLayer"></title>
99
<script type="text/javascript" include="bootstrap" src="../js/include-web.js"></script>
10+
<style>
11+
#toolbar {
12+
position: absolute;
13+
top: 50px;
14+
right: 10px;
15+
width: 300px;
16+
text-align: center;
17+
z-index: 500;
18+
border-radius: 4px;
19+
}
20+
</style>
1021
</head>
11-
<style>
12-
#toolbar {
13-
position: absolute;
14-
top: 50px;
15-
right: 10px;
16-
width: 300px;
17-
text-align: center;
18-
z-index: 500;
19-
border-radius: 4px;
20-
}
21-
</style>
2222
<body style="margin: 0; overflow: hidden; background: #fff; width: 100%; height: 100%; position: absolute; top: 0">
2323
<div id="toolbar" class="panel panel-primary">
2424
<div class="panel-heading">
@@ -31,7 +31,7 @@ <h5 class="panel-title text-center" data-i18n="resources.title_createTempLayer">
3131
<div class="panel">
3232
<div class="input-group">
3333
<span class="input-group-addon" data-i18n="resources.text_gamma"></span>
34-
<input id="gammaParam" value="1" class="form-control"></input>
34+
<input id="gammaParam" value="1" class="form-control" />
3535
</div>
3636
</div>
3737
<input
@@ -106,16 +106,16 @@ <h5 class="panel-title text-center" data-i18n="resources.title_createTempLayer">
106106
var layer = result.subLayers.layers[0];
107107
layer.gamma = document.getElementById("gammaParam").value || 1;
108108
layerInfoService.setLayersInfo(
109-
new mapboxgl.supermap.SetLayersInfoParameters({
110-
layersInfo: result,
111-
resourceID: newResourceID,
112-
isTempLayers: true
113-
})
114-
).then((res) => {
115-
map.style.sourceCaches['layer'].clearTiles();
116-
map.style.sourceCaches['layer'].update(map.transform);
117-
map.triggerRepaint();
118-
});
109+
new mapboxgl.supermap.SetLayersInfoParameters({
110+
layersInfo: result,
111+
resourceID: newResourceID,
112+
isTempLayers: true
113+
})
114+
).then((res) => {
115+
map.style.sourceCaches['layer'].clearTiles();
116+
map.style.sourceCaches['layer'].update(map.transform);
117+
map.triggerRepaint();
118+
});
119119
}
120120
</script>
121121
</body>

‎examples/maplibregl/createTempLayer.html

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -7,18 +7,18 @@
77
<meta charset="UTF-8" />
88
<title data-i18n="resources.title_createTempLayer"></title>
99
<script type="text/javascript" include="bootstrap" src="../js/include-web.js"></script>
10+
<style>
11+
#toolbar {
12+
position: absolute;
13+
top: 50px;
14+
right: 10px;
15+
width: 300px;
16+
text-align: center;
17+
z-index: 500;
18+
border-radius: 4px;
19+
}
20+
</style>
1021
</head>
11-
<style>
12-
#toolbar {
13-
position: absolute;
14-
top: 50px;
15-
right: 10px;
16-
width: 300px;
17-
text-align: center;
18-
z-index: 500;
19-
border-radius: 4px;
20-
}
21-
</style>
2222
<body style="margin: 0; overflow: hidden; background: #fff; width: 100%; height: 100%; position: absolute; top: 0">
2323
<div id="toolbar" class="panel panel-primary">
2424
<div class="panel-heading">
@@ -31,7 +31,7 @@ <h5 class="panel-title text-center" data-i18n="resources.title_createTempLayer">
3131
<div class="panel">
3232
<div class="input-group">
3333
<span class="input-group-addon" data-i18n="resources.text_gamma"></span>
34-
<input id="gammaParam" value="1" class="form-control"></input>
34+
<input id="gammaParam" value="1" class="form-control" />
3535
</div>
3636
</div>
3737
<input
@@ -105,16 +105,16 @@ <h5 class="panel-title text-center" data-i18n="resources.title_createTempLayer">
105105
var layer = result.subLayers.layers[0];
106106
layer.gamma = document.getElementById("gammaParam").value || 1;
107107
layerInfoService.setLayersInfo(
108-
new maplibregl.supermap.SetLayersInfoParameters({
109-
layersInfo: result,
110-
resourceID: newResourceID,
111-
isTempLayers: true
112-
})
113-
).then((res) => {
114-
map.style.sourceCaches['layer'].clearTiles();
115-
map.style.sourceCaches['layer'].update(map.transform);
116-
map.triggerRepaint();
117-
});
108+
new maplibregl.supermap.SetLayersInfoParameters({
109+
layersInfo: result,
110+
resourceID: newResourceID,
111+
isTempLayers: true
112+
})
113+
).then((res) => {
114+
map.style.sourceCaches['layer'].clearTiles();
115+
map.style.sourceCaches['layer'].update(map.transform);
116+
map.triggerRepaint();
117+
});
118118
}
119119
</script>
120120
</body>

‎examples/openlayers/createTempLayer.html

Lines changed: 21 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -7,18 +7,19 @@
77
<meta charset="UTF-8" />
88
<title data-i18n="resources.title_createTempLayer"></title>
99
<script type="text/javascript" src="../../dist/ol/include-ol.js"></script>
10+
<style>
11+
#toolbar {
12+
position: absolute;
13+
top: 50px;
14+
right: 10px;
15+
width: 300px;
16+
text-align: center;
17+
z-index: 500;
18+
border-radius: 4px;
19+
}
20+
</style>
1021
</head>
11-
<style>
12-
#toolbar {
13-
position: absolute;
14-
top: 50px;
15-
right: 10px;
16-
width: 300px;
17-
text-align: center;
18-
z-index: 500;
19-
border-radius: 4px;
20-
}
21-
</style>
22+
2223
<body style="margin: 0; overflow: hidden; background: #fff; width: 100%; height: 100%; position: absolute; top: 0">
2324
<div id="toolbar" class="panel panel-primary">
2425
<div class="panel-heading">
@@ -31,7 +32,7 @@ <h5 class="panel-title text-center" data-i18n="resources.title_createTempLayer">
3132
<div class="panel">
3233
<div class="input-group">
3334
<span class="input-group-addon" data-i18n="resources.text_gamma"></span>
34-
<input id="gammaParam" value="1" class="form-control"></input>
35+
<input id="gammaParam" value="1" class="form-control" />
3536
</div>
3637
</div>
3738
<input
@@ -106,14 +107,14 @@ <h5 class="panel-title text-center" data-i18n="resources.title_createTempLayer">
106107
var layer = result.subLayers.layers[0];
107108
layer.gamma = document.getElementById("gammaParam").value || 1;
108109
layerInfoService.setLayersInfo(
109-
new ol.supermap.SetLayersInfoParameters({
110-
layersInfo: result,
111-
resourceID: newResourceID,
112-
isTempLayers: true
113-
})
114-
).then((res) => {
115-
tempLayer.getSource().updateParams();
116-
});
110+
new ol.supermap.SetLayersInfoParameters({
111+
layersInfo: result,
112+
resourceID: newResourceID,
113+
isTempLayers: true
114+
})
115+
).then((res) => {
116+
tempLayer.getSource().updateParams();
117+
});
117118
}
118119
</script>
119120
</body>

0 commit comments

Comments
 (0)