Skip to content

Commit a52b3eb

Browse files
luoxiao-supermapluoxiao-supermap
committed
[fix]mapbox多坐标系导航栏改在左上角 review by songym
1 parent e55aae6 commit a52b3eb

File tree

5 files changed

+100
-101
lines changed

5 files changed

+100
-101
lines changed

‎examples/mapboxgl/01_tiledMapLayer_4214.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@
3131
<body>
3232
<div id="map"></div>
3333
<script type="text/javascript">
34-
var host = window.isLocal ? window.server : "https://iserver.supermap.io";
34+
var host = window.isLocal ? window.server : 'https://iserver.supermap.io';
3535
var url = host + '/iserver/services/map-china400/rest/maps/China_4214';
3636
var map = new mapboxgl.Map({
3737
container: 'map', // container id
@@ -104,7 +104,7 @@
104104
filter: ['==', '$type', 'Polygon']
105105
});
106106
});
107-
map.addControl(new mapboxgl.NavigationControl());
107+
map.addControl(new mapboxgl.NavigationControl(), 'top-left');
108108
});
109109
</script>
110110
</body>

‎examples/mapboxgl/01_tiledMapLayer_4326.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -102,7 +102,7 @@
102102
filter: ['==', '$type', 'Polygon']
103103
});
104104
});
105-
map.addControl(new mapboxgl.NavigationControl());
105+
map.addControl(new mapboxgl.NavigationControl(), 'top-left');
106106
});
107107
</script>
108108
</body>

‎examples/mapboxgl/01_tiledMapLayer_4490.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@
3131
<body>
3232
<div id="map"></div>
3333
<script type="text/javascript">
34-
var host = window.isLocal ? window.server : "https://iserver.supermap.io";
34+
var host = window.isLocal ? window.server : 'https://iserver.supermap.io';
3535
var url = host + '/iserver/services/map-china400/rest/maps/China_4490';
3636
var map = new mapboxgl.Map({
3737
container: 'map', // container id
@@ -104,7 +104,7 @@
104104
filter: ['==', '$type', 'Polygon']
105105
});
106106
});
107-
map.addControl(new mapboxgl.NavigationControl());
107+
map.addControl(new mapboxgl.NavigationControl(), 'top-left');
108108
});
109109
</script>
110110
</body>

‎examples/mapboxgl/01_tiledMapLayer_4610.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -104,7 +104,7 @@
104104
filter: ['==', '$type', 'Polygon']
105105
});
106106
});
107-
map.addControl(new mapboxgl.NavigationControl());
107+
map.addControl(new mapboxgl.NavigationControl(), 'top-left');
108108
});
109109
</script>
110110
</body>

‎examples/mapboxgl/control_drawControl_4326.html

Lines changed: 94 additions & 95 deletions
Original file line numberDiff line numberDiff line change
@@ -3,110 +3,109 @@
33
*********************************************************************-->
44
<!DOCTYPE html>
55
<html>
6+
<head>
7+
<meta charset="utf-8" />
8+
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
9+
<title data-i18n="resources.title_drawControlWGS84"></title>
10+
<script type="text/javascript" src="../js/include-web.js"></script>
11+
<script
12+
type="text/javascript"
13+
include="mapbox-gl-enhance,draw"
14+
src="../../dist/mapboxgl/include-mapboxgl.js"
15+
></script>
16+
<style>
17+
body {
18+
margin: 0;
19+
padding: 0;
20+
}
621

7-
<head>
8-
<meta charset='utf-8' />
9-
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
10-
<title data-i18n="resources.title_drawControlWGS84"></title>
11-
<script type="text/javascript" src="../js/include-web.js"></script>
12-
<script type="text/javascript" include="mapbox-gl-enhance,draw" src="../../dist/mapboxgl/include-mapboxgl.js"></script>
13-
<style>
14-
body {
15-
margin: 0;
16-
padding: 0;
17-
}
22+
#map {
23+
position: absolute;
24+
top: 0;
25+
bottom: 0;
26+
width: 100%;
27+
}
28+
</style>
29+
</head>
1830

19-
#map {
20-
position: absolute;
21-
top: 0;
22-
bottom: 0;
23-
width: 100%;
24-
}
25-
</style>
26-
</head>
31+
<body>
32+
<div id="map"></div>
33+
<script type="text/javascript">
34+
var host = window.isLocal ? window.server : 'https://iserver.supermap.io';
35+
var count = -1;
36+
var map = new mapboxgl.Map({
37+
container: 'map',
38+
style: {
39+
version: 8,
40+
sources: {
41+
'raster-tiles': {
42+
type: 'raster',
43+
tiles: [host + '/iserver/services/map-world/rest/maps/World'],
44+
rasterSource: 'iserver',
45+
tileSize: 256
46+
}
47+
},
2748

28-
<body>
29-
<div id='map'></div>
30-
<script type="text/javascript">
31-
var host = window.isLocal ? window.server : "https://iserver.supermap.io";
32-
var count = -1;
33-
var map = new mapboxgl.Map({
34-
container: 'map',
35-
style: {
36-
"version": 8,
37-
"sources": {
38-
"raster-tiles": {
39-
"type": "raster",
40-
"tiles": [host + '/iserver/services/map-world/rest/maps/World'],
41-
"rasterSource":"iserver",
42-
"tileSize": 256
43-
}
49+
layers: [
50+
{
51+
id: 'simple-tiles',
52+
type: 'raster',
53+
source: 'raster-tiles',
54+
minzoom: 0,
55+
maxzoom: 22
56+
}
57+
]
4458
},
45-
46-
"layers": [{
47-
"id": "simple-tiles",
48-
"type": "raster",
49-
"source": "raster-tiles",
50-
"minzoom": 0,
51-
"maxzoom": 22
52-
}]
53-
},
54-
crs: mapboxgl.CRS.EPSG4326,
55-
center: [0, 0],
56-
zoom: 2
57-
});
58-
map.on('load', function () {
59-
draw = new MapboxDraw({
60-
displayControlsDefault: false,
61-
controls: {
62-
polygon: true,
63-
trash: true
64-
}
59+
crs: mapboxgl.CRS.EPSG4326,
60+
center: [0, 0],
61+
zoom: 2
6562
});
66-
map.addControl(draw, 'top-left');
67-
map.on('draw.create', getFeature);
63+
map.on('load', function() {
64+
draw = new MapboxDraw({
65+
displayControlsDefault: false,
66+
controls: {
67+
polygon: true,
68+
trash: true
69+
}
70+
});
71+
map.addControl(draw, 'top-left');
72+
map.on('draw.create', getFeature);
6873

69-
function getFeature(e) {
70-
if (map.getLayer("queryDatas")) {
71-
map.removeLayer("queryDatas");
72-
}
73-
if (map.getSource("queryDatas")) {
74-
map.removeSource("queryDatas");
75-
}
74+
function getFeature(e) {
75+
if (map.getLayer('queryDatas')) {
76+
map.removeLayer('queryDatas');
77+
}
78+
if (map.getSource('queryDatas')) {
79+
map.removeSource('queryDatas');
80+
}
7681

77-
var data = draw.getAll();
78-
var feature = data.features[data.features.length - 1];
79-
var geometryParam = new SuperMap.GetFeaturesByGeometryParameters({
80-
datasetNames: ["World:Countries"],
81-
geometry: feature,
82-
spatialQueryMode: "INTERSECT"
83-
});
84-
new mapboxgl.supermap.FeatureService(
85-
host + "/iserver/services/data-world/rest/data").getFeaturesByGeometry(
86-
geometryParam,
87-
function (
88-
serviceResult) {
89-
map.addSource("queryDatas", {
90-
"type": "geojson",
91-
"data": serviceResult.result.features
82+
var data = draw.getAll();
83+
var feature = data.features[data.features.length - 1];
84+
var geometryParam = new SuperMap.GetFeaturesByGeometryParameters({
85+
datasetNames: ['World:Countries'],
86+
geometry: feature,
87+
spatialQueryMode: 'INTERSECT'
88+
});
89+
new mapboxgl.supermap.FeatureService(
90+
host + '/iserver/services/data-world/rest/data'
91+
).getFeaturesByGeometry(geometryParam, function(serviceResult) {
92+
map.addSource('queryDatas', {
93+
type: 'geojson',
94+
data: serviceResult.result.features
9295
});
9396
map.addLayer({
94-
"id": "queryDatas",
95-
"type": "fill",
96-
"source": "queryDatas",
97-
"paint": {
98-
"fill-color": "rgba(255, 251, 240, 0.4)",
99-
'fill-outline-color': "#ff0000",
100-
},
97+
id: 'queryDatas',
98+
type: 'fill',
99+
source: 'queryDatas',
100+
paint: {
101+
'fill-color': 'rgba(255, 251, 240, 0.4)',
102+
'fill-outline-color': '#ff0000'
103+
}
101104
});
102105
});
103-
}
104-
map.addControl(new mapboxgl.NavigationControl());
105-
106-
});
107-
108-
</script>
109-
110-
</body>
111-
106+
}
107+
map.addControl(new mapboxgl.NavigationControl(), 'top-left');
108+
});
109+
</script>
110+
</body>
112111
</html>

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy