Skip to content

Commit 79eed72

Browse files
committed
1.lealfet 增加平面坐标系底图和同坐标系底图叠加example 2.lealfet iserver底图默认出图不透明
1 parent abffbbe commit 79eed72

File tree

4 files changed

+71
-6
lines changed

4 files changed

+71
-6
lines changed
Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>SuperMap REST 地图叠加</title>
6+
<link rel="stylesheet" href="../css/bootstrap.min.css">
7+
<link rel="stylesheet" href="http://cdn.bootcss.com/leaflet/1.0.3/leaflet.css">
8+
<script type="text/javascript" src="http://cdn.bootcss.com/leaflet/1.0.3/leaflet.js"></script>
9+
<script type="text/javascript" src="../../dist/SuperMapiClient9 for Leaflet.js"></script>
10+
<script type="text/javascript">
11+
var map,
12+
urlWorld = "http://support.supermap.com.cn:8090/iserver/services/map-world/rest/maps/World",
13+
urlJinjing = "http://support.supermap.com.cn:8090/iserver/services/map-jingjin/rest/maps/京津地区人口分布图_专题图";
14+
function init() {
15+
map = L.map('map', {
16+
crs: L.CRS.EPSG4326,
17+
center: [40, 118],
18+
maxZoom: 18,
19+
zoom: 6
20+
});
21+
L.supermap.tiledMapLayer(urlWorld).addTo(map);
22+
L.supermap.tiledMapLayer(urlJinjing, {transparent: true,opacity:0.6}).addTo(map);
23+
}
24+
25+
</script>
26+
</head>
27+
<body onload="init()" style=" margin: 0;overflow: hidden;background: #fff;">
28+
<div id="map" style="margin:0 auto;position: relative; height: 510px;border: 1px solid #3473b7;"></div>
29+
</body>
30+
</html>
Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>SuperMap REST 平面坐标系底图</title>
6+
<link rel="stylesheet" href="../css/bootstrap.min.css">
7+
<link rel="stylesheet" href="http://cdn.bootcss.com/leaflet/1.0.3/leaflet.css">
8+
<script type="text/javascript" src="http://cdn.bootcss.com/leaflet/1.0.3/leaflet.js"></script>
9+
<script type="text/javascript" src="../../dist/SuperMapiClient9 for Leaflet.js"></script>
10+
<script type="text/javascript">
11+
var map, url = "http://support.supermap.com.cn:8090/iserver/services/map-changchun/rest/maps/长春市区图";
12+
function init() {
13+
map = L.map('map', {
14+
crs: L.supermap.NonEarthCRS({
15+
bounds: L.bounds([48.4, -7668.25], [8958.85, -55.58]),
16+
origin: L.point(48.4, -55.58)
17+
}),
18+
center: [-3375, 5605],
19+
maxZoom: 18,
20+
zoom: 1
21+
});
22+
L.supermap.tiledMapLayer(url, {noWrap: true}).addTo(map);
23+
}
24+
25+
</script>
26+
</head>
27+
<body onload="init()" style=" margin: 0;overflow: hidden;background: #fff;">
28+
<div id="map" style="margin:0 auto;position: relative; height: 510px;border: 1px solid #3473b7;"></div>
29+
</body>
30+
</html>

examples/leaflet/examples.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -58,6 +58,8 @@ <h3>Leaflet范例分类</h3>
5858
<ul class='nav nav-pills'>
5959
<li><a href='javascript:void(0)' target='_self' data-name='01_tiledMapLayer4326'>iServer4326地图</a></li>
6060
<li><a href='javascript:void(0)' target='_self' data-name='01_tiledMapLayer3857'>iServer3857地图</a></li>
61+
<li><a href='javascript:void(0)' target='_self' data-name='01_tiledMapLayerNonEarth'>平面坐标系地图</a></li>
62+
<li><a href='javascript:void(0)' target='_self' data-name='01_overlayTiledMapLayer'>地图叠加</a></li>
6163
</ul>
6264
</div>
6365
</div>

src/Leaflet/SuperMap/iServer/TiledMapLayer.js

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -52,22 +52,25 @@ TiledMapLayer = L.TileLayer.extend({
5252

5353
_initLayerUrl: function (options) {
5454

55-
var layerUrl = options.url + "/image.png?redirect=false&width=256&height=256";
55+
var layerUrl = options.url + "/image.png?redirect=false";
5656

5757
//为url添加安全认证信息片段
5858
if (SuperMap.Credential && SuperMap.Credential.CREDENTIAL) {
5959
layerUrl += "&" + SuperMap.Credential.CREDENTIAL.getUrlParameters();
6060
}
6161

62-
var transparent = (options.transparent) ? options.transparent : true;
62+
if (!options.layersID) {
63+
layerUrl += "&layersID=" + options.layersID;
64+
}
65+
66+
var transparent = (options.transparent) ? options.transparent : false;
6367
layerUrl += "&transparent=" + transparent;
6468

65-
var cacheEnabled = (options.cacheEnabled) ? options.cacheEnabled : false;
69+
var cacheEnabled = (options.cacheEnabled) ? options.cacheEnabled : true;
6670
layerUrl += "&cacheEnabled=" + cacheEnabled;
6771

68-
if (!options.layersID) {
69-
layerUrl += "&layersID=" + options.layersID;
70-
}
72+
var tileSize = this.options.tileSize;
73+
layerUrl += "&width=" + tileSize + "&height=" + tileSize;
7174

7275
return layerUrl;
7376
}

0 commit comments

Comments
 (0)