Skip to content

Commit abffbbe

Browse files
author
caoxinke
committed
修改OL3下TiledMapLayer更名为TiledMap、继承于ol.source.TileImage，并修改相应例子。
1 parent b953a88 commit abffbbe

22 files changed

+587
-145
lines changed

‎build/deps.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -170,7 +170,7 @@ var deps = {
170170
"Map": {
171171
"name": "地图服务",
172172
"src": [
173-
"./src/OL3/SuperMap/iServer/TiledMapLayer.js",
173+
"./src/OL3/SuperMap/iServer/TiledMap.js",
174174
"./src/OL3/SuperMap/iServer/MapService.js",
175175
"./src/OL3/SuperMap/iServer/QueryService.js",
176176
"./src/OL3/SuperMap/iServer/ChartQueryService.js",

‎examples/ol3/01_layerService.html‎

Lines changed: 25 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,20 @@
5454
<script type="text/javascript">
5555
var container = document.getElementById('popup');
5656
var content = document.getElementById('popup-content');
57+
var extent = [-180.0, -90.0, 180, 90];
58+
var dpi = 96;
59+
var resolutions = [
60+
ol.supermap.Util.scaleToResolution(1.6901635716026555E-9, dpi, Unit.DEGREE),
61+
ol.supermap.Util.scaleToResolution(3.375595414562003E-9, dpi, Unit.DEGREE),
62+
ol.supermap.Util.scaleToResolution(6.751190829124006E-9, dpi, Unit.DEGREE),
63+
ol.supermap.Util.scaleToResolution(1.3502381658248012E-8, dpi, Unit.DEGREE),
64+
ol.supermap.Util.scaleToResolution(2.7004763316496024E-8, dpi, Unit.DEGREE),
65+
ol.supermap.Util.scaleToResolution(5.400952663299205E-8, dpi, Unit.DEGREE),
66+
ol.supermap.Util.scaleToResolution(1.080190532659841E-7, dpi, Unit.DEGREE),
67+
ol.supermap.Util.scaleToResolution(2.1603810653196843E-7, dpi, Unit.DEGREE),
68+
ol.supermap.Util.scaleToResolution(4.320762130639359E-7, dpi, Unit.DEGREE),
69+
ol.supermap.Util.scaleToResolution(8.641524261278681E-7, dpi, Unit.DEGREE),
70+
];
5771
var overlay = new ol.Overlay(({
5872
element: container,
5973
autoPan: true,
@@ -73,7 +87,17 @@
7387
}),
7488
overlays: [overlay],
7589
});
76-
map.addLayer(new ol.supermap.TiledMapLayer(url, {"pro": "4326"}));
90+
var layer = new ol.layer.Tile({
91+
source: new ol.supermap.TiledMap({
92+
url: url,
93+
tileGrid: new ol.tilegrid.TileGrid({
94+
extent: extent,
95+
resolutions: resolutions,
96+
})
97+
}),
98+
projection: 'EPSG:4326'
99+
})
100+
map.addLayer(layer);
77101
}
78102

79103
function layerService() {

‎examples/ol3/01_mapQueryByBounds.html‎

Lines changed: 25 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,20 @@
99
<script type="text/javascript">
1010
var map, polygon, vectorLayer, resultLayer,
1111
url = "http://support.supermap.com.cn:8090/iserver/services/map-world/rest/maps/World";
12-
12+
var extent = [-180.0, -90.0, 180, 90];
13+
var dpi = 96;
14+
var resolutions = [
15+
ol.supermap.Util.scaleToResolution(1.6901635716026555E-9, dpi, Unit.DEGREE),
16+
ol.supermap.Util.scaleToResolution(3.375595414562003E-9, dpi, Unit.DEGREE),
17+
ol.supermap.Util.scaleToResolution(6.751190829124006E-9, dpi, Unit.DEGREE),
18+
ol.supermap.Util.scaleToResolution(1.3502381658248012E-8, dpi, Unit.DEGREE),
19+
ol.supermap.Util.scaleToResolution(2.7004763316496024E-8, dpi, Unit.DEGREE),
20+
ol.supermap.Util.scaleToResolution(5.400952663299205E-8, dpi, Unit.DEGREE),
21+
ol.supermap.Util.scaleToResolution(1.080190532659841E-7, dpi, Unit.DEGREE),
22+
ol.supermap.Util.scaleToResolution(2.1603810653196843E-7, dpi, Unit.DEGREE),
23+
ol.supermap.Util.scaleToResolution(4.320762130639359E-7, dpi, Unit.DEGREE),
24+
ol.supermap.Util.scaleToResolution(8.641524261278681E-7, dpi, Unit.DEGREE),
25+
];
1326
function init() {
1427
map = new ol.Map({
1528
target: 'map',
@@ -19,7 +32,17 @@
1932
projection: 'EPSG:4326'
2033
})
2134
});
22-
map.addLayer(new ol.supermap.TiledMapLayer(url, {"pro": "4326"}));
35+
var layer = new ol.layer.Tile({
36+
source: new ol.supermap.TiledMap({
37+
url: url,
38+
tileGrid: new ol.tilegrid.TileGrid({
39+
extent: extent,
40+
resolutions: resolutions,
41+
})
42+
}),
43+
projection: 'EPSG:4326'
44+
})
45+
map.addLayer(layer);
2346
}
2447

2548
function query() {

‎examples/ol3/01_mapQueryByDistance.html‎

Lines changed: 25 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,20 @@
99
<script type="text/javascript">
1010
var map, point, vectorLayer, resultLayer,
1111
url = "http://support.supermap.com.cn:8090/iserver/services/map-world/rest/maps/World";
12+
var extent = [-180.0, -90.0, 180, 90];
13+
var dpi = 96;
14+
var resolutions = [
15+
ol.supermap.Util.scaleToResolution(1.6901635716026555E-9, dpi, Unit.DEGREE),
16+
ol.supermap.Util.scaleToResolution(3.375595414562003E-9, dpi, Unit.DEGREE),
17+
ol.supermap.Util.scaleToResolution(6.751190829124006E-9, dpi, Unit.DEGREE),
18+
ol.supermap.Util.scaleToResolution(1.3502381658248012E-8, dpi, Unit.DEGREE),
19+
ol.supermap.Util.scaleToResolution(2.7004763316496024E-8, dpi, Unit.DEGREE),
20+
ol.supermap.Util.scaleToResolution(5.400952663299205E-8, dpi, Unit.DEGREE),
21+
ol.supermap.Util.scaleToResolution(1.080190532659841E-7, dpi, Unit.DEGREE),
22+
ol.supermap.Util.scaleToResolution(2.1603810653196843E-7, dpi, Unit.DEGREE),
23+
ol.supermap.Util.scaleToResolution(4.320762130639359E-7, dpi, Unit.DEGREE),
24+
ol.supermap.Util.scaleToResolution(8.641524261278681E-7, dpi, Unit.DEGREE),
25+
];
1226
function init() {
1327
map = new ol.Map({
1428
target: 'map',
@@ -18,7 +32,17 @@
1832
projection: 'EPSG:4326'
1933
})
2034
});
21-
map.addLayer(new ol.supermap.TiledMapLayer(url, {"pro": "4326"}));
35+
var layer = new ol.layer.Tile({
36+
source: new ol.supermap.TiledMap({
37+
url: url,
38+
tileGrid: new ol.tilegrid.TileGrid({
39+
extent: extent,
40+
resolutions: resolutions,
41+
})
42+
}),
43+
projection: 'EPSG:4326'
44+
})
45+
map.addLayer(layer);
2246
point = new ol.geom.Point([104, 30]);
2347
var iconStyle = new ol.style.Style({
2448
image: new ol.style.Icon(({

‎examples/ol3/01_mapQueryByGeometry.html‎

Lines changed: 25 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,20 @@
99
<script type="text/javascript">
1010
var map, vectorLayer, resultLayer,
1111
url = "http://support.supermap.com.cn:8090/iserver/services/map-world/rest/maps/World";
12+
var extent = [-180.0, -90.0, 180, 90];
13+
var dpi = 96;
14+
var resolutions = [
15+
ol.supermap.Util.scaleToResolution(1.6901635716026555E-9, dpi, Unit.DEGREE),
16+
ol.supermap.Util.scaleToResolution(3.375595414562003E-9, dpi, Unit.DEGREE),
17+
ol.supermap.Util.scaleToResolution(6.751190829124006E-9, dpi, Unit.DEGREE),
18+
ol.supermap.Util.scaleToResolution(1.3502381658248012E-8, dpi, Unit.DEGREE),
19+
ol.supermap.Util.scaleToResolution(2.7004763316496024E-8, dpi, Unit.DEGREE),
20+
ol.supermap.Util.scaleToResolution(5.400952663299205E-8, dpi, Unit.DEGREE),
21+
ol.supermap.Util.scaleToResolution(1.080190532659841E-7, dpi, Unit.DEGREE),
22+
ol.supermap.Util.scaleToResolution(2.1603810653196843E-7, dpi, Unit.DEGREE),
23+
ol.supermap.Util.scaleToResolution(4.320762130639359E-7, dpi, Unit.DEGREE),
24+
ol.supermap.Util.scaleToResolution(8.641524261278681E-7, dpi, Unit.DEGREE),
25+
];
1226
function init() {
1327
map = new ol.Map({
1428
target: 'map',
@@ -18,7 +32,17 @@
1832
projection: 'EPSG:4326'
1933
})
2034
});
21-
map.addLayer(new ol.supermap.TiledMapLayer(url, {"pro": "4326"}));
35+
var layer = new ol.layer.Tile({
36+
source: new ol.supermap.TiledMap({
37+
url: url,
38+
tileGrid: new ol.tilegrid.TileGrid({
39+
extent: extent,
40+
resolutions: resolutions,
41+
})
42+
}),
43+
projection: 'EPSG:4326'
44+
})
45+
map.addLayer(layer);
2246
}
2347

2448
function query() {

‎examples/ol3/01_mapQueryBySQL.html‎

Lines changed: 26 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,21 @@
88
<script type="text/javascript" src="../../dist/SuperMapiClient9 for OL3.js"></script>
99
<script type="text/javascript">
1010
var map, vectorLayer, resultLayer,
11-
url = "http://support.supermap.com.cn:8090/iserver/services/map-world/rest/maps/World";
11+
url = "http://support.supermap.com.cn:8090/iserver/services/map-world/rest/maps/World";
12+
var extent = [-180.0, -90.0, 180, 90];
13+
var dpi = 96;
14+
var resolutions = [
15+
ol.supermap.Util.scaleToResolution(1.6901635716026555E-9, dpi, Unit.DEGREE),
16+
ol.supermap.Util.scaleToResolution(3.375595414562003E-9, dpi, Unit.DEGREE),
17+
ol.supermap.Util.scaleToResolution(6.751190829124006E-9, dpi, Unit.DEGREE),
18+
ol.supermap.Util.scaleToResolution(1.3502381658248012E-8, dpi, Unit.DEGREE),
19+
ol.supermap.Util.scaleToResolution(2.7004763316496024E-8, dpi, Unit.DEGREE),
20+
ol.supermap.Util.scaleToResolution(5.400952663299205E-8, dpi, Unit.DEGREE),
21+
ol.supermap.Util.scaleToResolution(1.080190532659841E-7, dpi, Unit.DEGREE),
22+
ol.supermap.Util.scaleToResolution(2.1603810653196843E-7, dpi, Unit.DEGREE),
23+
ol.supermap.Util.scaleToResolution(4.320762130639359E-7, dpi, Unit.DEGREE),
24+
ol.supermap.Util.scaleToResolution(8.641524261278681E-7, dpi, Unit.DEGREE),
25+
];
1226
function init() {
1327
map = new ol.Map({
1428
target: 'map',
@@ -18,7 +32,17 @@
1832
projection: 'EPSG:4326'
1933
})
2034
});
21-
map.addLayer(new ol.supermap.TiledMapLayer(url, {"pro": "4326"}));
35+
var layer = new ol.layer.Tile({
36+
source: new ol.supermap.TiledMap({
37+
url: url,
38+
tileGrid: new ol.tilegrid.TileGrid({
39+
extent: extent,
40+
resolutions: resolutions,
41+
})
42+
}),
43+
projection: 'EPSG:4326'
44+
})
45+
map.addLayer(layer);
2246
}
2347

2448
function query() {

‎examples/ol3/01_mapService.html‎

Lines changed: 25 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,20 @@
5555
<script type="text/javascript">
5656
var container = document.getElementById('popup');
5757
var content = document.getElementById('popup-content');
58+
var extent = [-180.0, -90.0, 180, 90];
59+
var dpi = 96;
60+
var resolutions = [
61+
ol.supermap.Util.scaleToResolution(1.6901635716026555E-9, dpi, Unit.DEGREE),
62+
ol.supermap.Util.scaleToResolution(3.375595414562003E-9, dpi, Unit.DEGREE),
63+
ol.supermap.Util.scaleToResolution(6.751190829124006E-9, dpi, Unit.DEGREE),
64+
ol.supermap.Util.scaleToResolution(1.3502381658248012E-8, dpi, Unit.DEGREE),
65+
ol.supermap.Util.scaleToResolution(2.7004763316496024E-8, dpi, Unit.DEGREE),
66+
ol.supermap.Util.scaleToResolution(5.400952663299205E-8, dpi, Unit.DEGREE),
67+
ol.supermap.Util.scaleToResolution(1.080190532659841E-7, dpi, Unit.DEGREE),
68+
ol.supermap.Util.scaleToResolution(2.1603810653196843E-7, dpi, Unit.DEGREE),
69+
ol.supermap.Util.scaleToResolution(4.320762130639359E-7, dpi, Unit.DEGREE),
70+
ol.supermap.Util.scaleToResolution(8.641524261278681E-7, dpi, Unit.DEGREE),
71+
];
5872
var overlay = new ol.Overlay(({
5973
element: container,
6074
autoPan: true,
@@ -74,7 +88,17 @@
7488
}),
7589
overlays: [overlay],
7690
});
77-
map.addLayer(new ol.supermap.TiledMapLayer(url, {"pro": "4326"}));
91+
var layer = new ol.layer.Tile({
92+
source: new ol.supermap.TiledMap({
93+
url: url,
94+
tileGrid: new ol.tilegrid.TileGrid({
95+
extent: extent,
96+
resolutions: resolutions,
97+
})
98+
}),
99+
projection: 'EPSG:4326'
100+
})
101+
map.addLayer(layer);
78102
}
79103

80104
function mapService() {

‎examples/ol3/01_measure.html‎

Lines changed: 25 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,20 @@
1111
<script type="text/javascript">
1212
var map, interaction, vectorLayer,
1313
url = "http://support.supermap.com.cn:8090/iserver/services/map-world/rest/maps/World";
14-
14+
var extent = [-180.0, -90.0, 180, 90];
15+
var dpi = 96;
16+
var resolutions = [
17+
ol.supermap.Util.scaleToResolution(1.6901635716026555E-9, dpi, Unit.DEGREE),
18+
ol.supermap.Util.scaleToResolution(3.375595414562003E-9, dpi, Unit.DEGREE),
19+
ol.supermap.Util.scaleToResolution(6.751190829124006E-9, dpi, Unit.DEGREE),
20+
ol.supermap.Util.scaleToResolution(1.3502381658248012E-8, dpi, Unit.DEGREE),
21+
ol.supermap.Util.scaleToResolution(2.7004763316496024E-8, dpi, Unit.DEGREE),
22+
ol.supermap.Util.scaleToResolution(5.400952663299205E-8, dpi, Unit.DEGREE),
23+
ol.supermap.Util.scaleToResolution(1.080190532659841E-7, dpi, Unit.DEGREE),
24+
ol.supermap.Util.scaleToResolution(2.1603810653196843E-7, dpi, Unit.DEGREE),
25+
ol.supermap.Util.scaleToResolution(4.320762130639359E-7, dpi, Unit.DEGREE),
26+
ol.supermap.Util.scaleToResolution(8.641524261278681E-7, dpi, Unit.DEGREE),
27+
];
1528
function init() {
1629
map = new ol.Map({
1730
target: 'map',
@@ -21,7 +34,17 @@
2134
projection: 'EPSG:4326'
2235
})
2336
});
24-
map.addLayer(new ol.supermap.TiledMapLayer(url, {"pro": "4326"}));
37+
var layer = new ol.layer.Tile({
38+
source: new ol.supermap.TiledMap({
39+
url: url,
40+
tileGrid: new ol.tilegrid.TileGrid({
41+
extent: extent,
42+
resolutions: resolutions,
43+
})
44+
}),
45+
projection: 'EPSG:4326'
46+
})
47+
map.addLayer(layer);
2548
}
2649

2750
function measureService(type) {

‎examples/ol3/01_tiledMapLayer3857.html‎

Lines changed: 29 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,16 +9,43 @@
99
<script type="text/javascript" src="../../dist/SuperMapiClient9 for OL3.js"></script>
1010
<script type="text/javascript">
1111
var map, url = "http://support.supermap.com.cn:8090/iserver/services/map-china400/rest/maps/China";
12+
var dpi = 96;
13+
var extent = [-20037508.34, -20037508.34, 20037508.34, 20037508.34];
14+
var resolutions = [
15+
ol.supermap.Util.scaleToResolution(1.6901635716026555E-9, dpi, Unit.METER),
16+
ol.supermap.Util.scaleToResolution(3.3803271432053056E-9, dpi, Unit.METER),
17+
ol.supermap.Util.scaleToResolution(6.760654286410611E-9, dpi, Unit.METER),
18+
ol.supermap.Util.scaleToResolution(1.3521308572821242E-8, dpi, Unit.METER),
19+
ol.supermap.Util.scaleToResolution(2.7042617145642484E-8, dpi, Unit.METER),
20+
ol.supermap.Util.scaleToResolution(5.408523429128511E-8, dpi, Unit.METER),
21+
ol.supermap.Util.scaleToResolution(1.0817046858256998E-7, dpi, Unit.METER),
22+
ol.supermap.Util.scaleToResolution(2.1634093716513974E-7, dpi, Unit.METER),
23+
ol.supermap.Util.scaleToResolution(4.3268187433028044E-7, dpi, Unit.METER),
24+
ol.supermap.Util.scaleToResolution(8.653637486605571E-7, dpi, Unit.METER),
25+
ol.supermap.Util.scaleToResolution(1.7307274973211203E-6, dpi, Unit.METER),
26+
ol.supermap.Util.scaleToResolution(3.4614549946422405E-6, dpi, Unit.METER),
27+
ol.supermap.Util.scaleToResolution(6.9229099892844565E-6, dpi, Unit.METER),
28+
];
1229
function init() {
1330
var map = new ol.Map({
1431
target: 'map',
1532
view: new ol.View({
1633
center: [0, 0],
17-
zoom: 2,
34+
zoom: 0,
1835
projection: 'EPSG:3857'
1936
})
2037
});
21-
map.addLayer(new ol.supermap.TiledMapLayer(url, {"pro": "3857"}));
38+
var layer = new ol.layer.Tile({
39+
source: new ol.supermap.TiledMap({
40+
url: url,
41+
tileGrid: new ol.tilegrid.TileGrid({
42+
extent: extent,
43+
resolutions: resolutions,
44+
})
45+
}),
46+
projection: 'EPSG:3857'
47+
})
48+
map.addLayer(layer);
2249
}
2350
</script>
2451
</head>

‎examples/ol3/01_tiledMapLayer4326.html‎

Lines changed: 26 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,21 @@
99
<script type="text/javascript" src="../../dist/SuperMapiClient9 for OL3.js"></script>
1010
<script type="text/javascript">
1111
var map, url = "http://support.supermap.com.cn:8090/iserver/services/map-world/rest/maps/World";
12+
var extent = [-180.0, -90.0, 180, 90];
13+
var dpi = 96;
14+
var resolutions = [
15+
ol.supermap.Util.scaleToResolution(1.6901635716026555E-9, dpi, Unit.DEGREE),
16+
ol.supermap.Util.scaleToResolution(3.375595414562003E-9, dpi, Unit.DEGREE),
17+
ol.supermap.Util.scaleToResolution(6.751190829124006E-9, dpi, Unit.DEGREE),
18+
ol.supermap.Util.scaleToResolution(1.3502381658248012E-8, dpi, Unit.DEGREE),
19+
ol.supermap.Util.scaleToResolution(2.7004763316496024E-8, dpi, Unit.DEGREE),
20+
ol.supermap.Util.scaleToResolution(5.400952663299205E-8, dpi, Unit.DEGREE),
21+
ol.supermap.Util.scaleToResolution(1.080190532659841E-7, dpi, Unit.DEGREE),
22+
ol.supermap.Util.scaleToResolution(2.1603810653196843E-7, dpi, Unit.DEGREE),
23+
ol.supermap.Util.scaleToResolution(4.320762130639359E-7, dpi, Unit.DEGREE),
24+
ol.supermap.Util.scaleToResolution(8.641524261278681E-7, dpi, Unit.DEGREE),
25+
];
26+
1227
function init() {
1328
var map = new ol.Map({
1429
target: 'map',
@@ -18,7 +33,17 @@
1833
projection: 'EPSG:4326'
1934
})
2035
});
21-
map.addLayer(new ol.supermap.TiledMapLayer(url, {"pro": "4326"}));
36+
var layer = new ol.layer.Tile({
37+
source: new ol.supermap.TiledMap({
38+
url: url,
39+
tileGrid: new ol.tilegrid.TileGrid({
40+
extent: extent,
41+
resolutions: resolutions,
42+
})
43+
}),
44+
projection: 'EPSG:4326'
45+
})
46+
map.addLayer(layer);
2247
}
2348
</script>
2449
</head>

0 commit comments

Comments
 (0)