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)