Skip to content

Commit f0d7a8b

Browse files
songyumengsongyumeng
committed
【examples】增加openlayers对接iServer矢量瓦片服务的例子 增加mapboxgl增强版其他投影的例子 review by zhouqiang
1 parent ca7e0ad commit f0d7a8b

20 files changed

+73115
-71165
lines changed

‎dist/openlayers/iclient9-openlayers-es6.js

Lines changed: 2233 additions & 2157 deletions
Large diffs are not rendered by default.

‎dist/openlayers/iclient9-openlayers-es6.min.js

Lines changed: 405 additions & 406 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/openlayers/iclient9-openlayers.css

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/openlayers/iclient9-openlayers.js

Lines changed: 68566 additions & 68492 deletions
Large diffs are not rendered by default.

‎dist/openlayers/iclient9-openlayers.min.css

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/openlayers/iclient9-openlayers.min.js

Lines changed: 1453 additions & 100 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/openlayers/include-openlayers.js

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -72,8 +72,7 @@
7272
}
7373
if (!inArray(excludes, 'iclient9-openlayers')) {
7474
if (supportES6()) {
75-
// inputScript("../../dist/openlayers/iclient9-openlayers-es6.min.js");
76-
inputScript("../../dist/openlayers/iclient9-openlayers.js");
75+
inputScript("../../dist/openlayers/iclient9-openlayers-es6.min.js");
7776
} else {
7877
inputScript("../../dist/openlayers/iclient9-openlayers.min.js");
7978
}

‎examples/locales/en-US/resources.js

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -337,6 +337,9 @@ window.examplesResources = {
337337
"title_tiledMapLayer": "3857 Coordinate System",
338338
"title_tiledMapLayer_4326": "4326Map",
339339
"title_tiledMapLayer_4326WGS84": "Map WGS84",
340+
"title_tiledMapLayer_China2000": "Map China2000",
341+
"title_tiledMapLayer_Beijing54": "Map Beijing54",
342+
"title_tiledMapLayer_Xian80": "Map Xian80",
340343
"title_fieldService": "SuperMap Field Service",
341344
"title_fieldStatistics": "Dataset Field Statistics Service",
342345
"title_getGridCellInfos": "Data Grid Cell Query",
@@ -434,6 +437,7 @@ window.examplesResources = {
434437
"title_labelThemeLayer": "Client Label Thematic Map",
435438
"title_mapvNyvTaxi": "NY Taxi Car Points",
436439
"title_modifyFeatures": "Modify Features",
440+
"title_mvtVectorLayer_vectortilerest": "iServer REST VectorTile",
437441
"title_mvtVectorLayer": "iServer MVT VectorTile",
438442
"title_mvtVectorLayer4326": "iServer MVT VectorTile (WGS84)",
439443
"title_mvtVectorLayer_mapboxStyle": "Style Switch",

‎examples/locales/zh-CN/resources.js

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -280,6 +280,9 @@ window.examplesResources = {
280280
"title_tiledMapLayer": "3857底图",
281281
"title_tiledMapLayer_4326": "4326底图",
282282
"title_tiledMapLayer_4326WGS84": "地图_WGS84",
283+
"title_tiledMapLayer_China2000": "地图_China2000",
284+
"title_tiledMapLayer_Beijing54": "地图_Beijing54",
285+
"title_tiledMapLayer_Xian80": "地图_Xian80",
283286
"title_fieldService": "SuperMap 字段信息",
284287
"title_fieldStatistics": "字段查询统计",
285288
"title_getGridCellInfos": "栅格查询",
@@ -378,6 +381,7 @@ window.examplesResources = {
378381
"title_mapvNyvTaxi": "纽约出租车上车点",
379382
"title_modifyFeatures": "修改图形",
380383
"title_mvtVectorLayer": "iServer MVT矢量瓦片",
384+
"title_mvtVectorLayer_vectortilerest": "iServer 矢量瓦片服务",
381385
"title_mvtVectorLayer4326": "iServer MVT矢量瓦片(WGS84)",
382386
"title_mvtVectorLayer_mapboxStyle": "OSM风格(MVT WGS84)",
383387
"title_mvtVectorLayer_mapboxStyle_4326": "风格动态切换",

‎examples/mapboxgl/01_tiledMapLayer_4214.html

Lines changed: 102 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
<!--********************************************************************
2+
* Copyright© 2000 - 2018 SuperMap Software Co.Ltd. All rights reserved.
3+
*********************************************************************-->
4+
<!DOCTYPE html>
5+
<html>
6+
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_tiledMapLayer_Beijing54"></title>
11+
<script type="text/javascript" src="../js/include-web.js"></script>
12+
<script type="text/javascript" include="mapbox-gl-enhance" src="../../dist/mapboxgl/include-mapboxgl.js"></script>
13+
<style>
14+
body {
15+
margin: 0;
16+
padding: 0;
17+
}
18+
19+
#map {
20+
position: absolute;
21+
top: 0;
22+
bottom: 0;
23+
width: 100%;
24+
}
25+
</style>
26+
</head>
27+
28+
<body>
29+
<div id='map'></div>
30+
<script type="text/javascript">
31+
var host = window.isLocal ? window.server : "http://iclsvr.supermap.io";
32+
var url = host + '/iserver/services/map-china400/rest/maps/China_4214';
33+
var map = new mapboxgl.Map({
34+
container: 'map', // container id
35+
style: {
36+
"version": 8,
37+
"sources": {
38+
"raster-tiles": {
39+
"type": "raster",
40+
"tileSize": 256,
41+
//xyz形式，原生支持
42+
//"tiles": ['http://t0.tianditu.com/DataServer?T=vec_c&x={x}&y={y}&l={z}'],
43+
44+
45+
//iserver image资源模板；扩展支持
46+
//"tiles": ['http://localhost:8090/iserver/services/map-World/rest/maps/World/image.png?viewBounds={viewBounds}&width={width}&height={height}'],
47+
48+
49+
//iserver tileimage资源模板；扩展支持
50+
//"tiles": ['http://iclsvr.supermap.io/iserver/services/map-jingjin/rest/maps/%E4%BA%AC%E6%B4%A5%E5%9C%B0%E5%8C%BA%E5%9C%B0%E5%9B%BE/tileimage.png?scale={scale}&x={x}&y={y}&width={width}&height={height}&origin={"x":-180,"y":90}'],
51+
52+
53+
//推荐； iserver tileimage资源；扩展支持
54+
//参数列表：地图服务地址（到地图名)必填 ； rasterSource为"iserver"；必填； transparent:可选，默认为true
55+
"tiles": [url],
56+
"rasterSource": "iserver"
57+
}
58+
},
59+
60+
"layers": [{
61+
"id": "simple-tiles",
62+
"type": "raster",
63+
"source": "raster-tiles",
64+
"minzoom": 0,
65+
"maxzoom": 22
66+
}]
67+
},
68+
crs: 'EPSG:4214', // 或者 mapboxgl.CRS.EPSG4326 或者 new mapboxgl.CRS('EPSG:4326',[-180,-90,180,90]);
69+
center: [101.74721254733845, 32.5665352689922],
70+
zoom: 3
71+
});
72+
map.on('load', function () {
73+
//从 iServer 查询
74+
var param = new SuperMap.QueryBySQLParameters({
75+
queryParams: {
76+
name: "China_Province_pl@China",
77+
attributeFilter: "SMID =14"
78+
}
79+
});
80+
new mapboxgl.supermap.QueryService(url).queryBySQL(param, function (serviceResult) {
81+
map.addSource("queryDatas", {
82+
"type": "geojson",
83+
"data": serviceResult.result.recordsets[0].features
84+
});
85+
map.addLayer({
86+
"id": "queryDatas",
87+
"type": "fill",
88+
"source": "queryDatas",
89+
"paint": {
90+
"fill-color": "#008080",
91+
"fill-opacity": 0.4
92+
},
93+
"filter": ["==", "$type", "Polygon"]
94+
});
95+
});
96+
map.addControl(new mapboxgl.NavigationControl());
97+
});
98+
</script>
99+
100+
</body>
101+
102+
</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