Skip to content

Commit f12eaca

Browse files
tangqinGisertangqinGiser
committed
【FIX】有道示例缺陷。
1 parent 390ae8a commit f12eaca

6 files changed

+73
-24
lines changed

‎examples/classic/analysis_mathExpression.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@ <h5 class='panel-title text-center' data-i18n="resources.text_mathExpression"></
5353
<script type="text/javascript" exclude="iclient-classic" src="../../dist/classic/include-classic.js"></script>
5454
<script>
5555
var map, baseLayer, resultLayer,
56-
host = window.isLocal ? window.server : "http://54.223.164.155:8090",
56+
host = window.isLocal ? window.server : "http://support.supermap.com.cn:8090",
5757
url = host + "/iserver/services/map-jingjin/rest/maps/京津地区地图",
5858
url2 = host + "/iserver/services/spatialanalyst-sample/restjsr/spatialanalyst";
5959

‎examples/classic/analysis_terrainCurvatureCalculation.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ <h5 class='panel-title text-center' data-i18n="resources.text_terrainCurvatureCa
4848
<script type="text/javascript" exclude="iclient-classic" src="../../dist/classic/include-classic.js"></script>
4949
<script>
5050
var map, baseLayer, layersID, resultLayer,
51-
host = window.isLocal ? window.server : "http://54.223.164.155:8090",
51+
host = window.isLocal ? window.server : "http://support.supermap.com.cn:8090",
5252
url = host + "/iserver/services/map-jingjin/rest/maps/京津地区地图",
5353
url2 = host + "/iserver/services/spatialanalyst-sample/restjsr/spatialanalyst";
5454

‎examples/classic/others_d3_dynamicPieChart.html

Lines changed: 14 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -15,14 +15,16 @@
1515
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
1616
<div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
1717
<script type="text/javascript" include="bootstrap,widgets.alert" src="../js/include-web.js"></script>
18-
<script type="text/javascript" exclude="iclient-classic" include="d3" src="../../dist/classic/include-classic.js"></script>
18+
<script type="text/javascript" exclude="iclient-classic" include="d3"
19+
src="../../dist/classic/include-classic.js"></script>
1920
<script type="text/javascript">
2021
var map, layer, utfgrid, control, d3Layer,
2122
host = window.isLocal ? window.server : "http://support.supermap.com.cn:8090",
2223
url = host + "/iserver/services/map-china400/rest/maps/China";
2324
var pieChartDom;
2425
var elementsDiv;
2526
var isMapMoving = false;
27+
2628
//判断浏览器是否支持 Svg
2729
function hasSVG() {
2830
var doc = document;
@@ -87,11 +89,12 @@
8789
//创建图表 div, 设置其基本属性, 并添加到 Elements 图层
8890
pieChartDom = document.createElement("div");
8991
pieChartDom.id = "piechart";
90-
pieChartDom.style.width = 128;
91-
pieChartDom.style.height = 128;
92+
pieChartDom.style.width = "128px";
93+
pieChartDom.style.height = "128px";
9294
pieChartDom.style.position = "absolute";
93-
pieChartDom.style.opacity = 0.8;
95+
pieChartDom.style.opacity = "0.8";
9496
elementsDiv.appendChild(pieChartDom);
97+
console.log(pieChartDom.style.width);
9598

9699
//创建 UTFGrid 图层，用于更新饼图数据
97100
utfgrid = new SuperMap.Layer.UTFGrid("UTFGridLayer", url,
@@ -113,6 +116,7 @@
113116
});
114117
map.addControl(control);
115118
}
119+
116120
$(document).ready(function () {
117121
init();
118122
});
@@ -145,13 +149,14 @@
145149
];
146150

147151
//取图表 div 大小作为创建图表的参数
148-
var width = parseFloat(pieChartDom.style.width),
149-
height = parseFloat(pieChartDom.style.height),
152+
// console.log(pieChartDom);
153+
var width = parseFloat(128),
154+
height = parseFloat(128),
150155
radius = Math.min(width, height) / 2;
151156

152157
//图表位置
153-
pieChartDom.style.left = pixel.x - width / 2;
154-
pieChartDom.style.top = pixel.y - height / 2;
158+
pieChartDom.style.left = pixel.x - width / 2+"px";
159+
pieChartDom.style.top = pixel.y - height / 2+"px";
155160

156161
var color = d3.scale.ordinal()
157162
.range(["#1874CD", "#87CEFA"]);
@@ -199,6 +204,7 @@
199204
}
200205
}
201206
};
207+
202208
//添加图层
203209
function addLayer() {
204210
var center = new SuperMap.LonLat(9733502.481499, 4614406.969325);

‎examples/classic/theme_ctl_landuseUnique.html

Lines changed: 16 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,20 @@
77
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
88
<title data-i18n="resources.title_landuseUnique"></title>
99
<style type="text/css">
10+
body {
11+
margin: 0;
12+
overflow: hidden;
13+
background: #fff;
14+
width: 100%;
15+
height: 100%
16+
}
17+
18+
#map {
19+
position: absolute;
20+
width: 100%;
21+
height: 100%;
22+
border: 1px solid #3473b7;
23+
}
1024
/*图例 style*/
1125
.legend {
1226
position: absolute;
@@ -67,7 +81,7 @@
6781
}
6882
</style>
6983
</head>
70-
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
84+
<body>
7185

7286
<div class='panel panel-primary editPane' id='editPane' style="z-index: 99999">
7387
<div class='panel-heading'>
@@ -83,7 +97,7 @@ <h5 class='panel-title text-center' data-i18n="resources.title_landuseUnique"></
8397
</div>
8498

8599
<div>
86-
<div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
100+
<div id="map"></div>
87101
<div id="mapLegend" class="legend">
88102
<div class="legendTitle">
89103
<span data-i18n="resources.text_legend"></span>

‎examples/classic/theme_ctl_popDensityRange.html

Lines changed: 15 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,20 @@
77
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
88
<title data-i18n="resources.title_popDensityRange"></title>
99
<style type="text/css">
10+
body {
11+
margin: 0;
12+
overflow: hidden;
13+
background: #fff;
14+
width: 100%;
15+
height: 100%
16+
}
1017

18+
#map {
19+
position: absolute;
20+
width: 100%;
21+
height: 100%;
22+
border: 1px solid #3473b7;
23+
}
1124
/*图例 style*/
1225
.legend {
1326
position: absolute;
@@ -68,7 +81,7 @@
6881
}
6982
</style>
7083
</head>
71-
<body style=" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0;">
84+
<body>
7285
<div class='panel panel-primary editPane' id='editPane' style="z-index: 99999">
7386
<div class='panel-heading'>
7487
<h5 class='panel-title text-center' data-i18n="resources.text_graduatedSymbol"></h5>
@@ -86,7 +99,7 @@ <h5 class='panel-title text-center' data-i18n="resources.text_graduatedSymbol"><
8699
</div>
87100
</div>
88101
<div>
89-
<div id="map" style="margin:0 auto;width: 100%;height: 100%"></div>
102+
<div id="map" ></div>
90103
<div id="mapLegend" class="legend">
91104
<div class="legendTitle">
92105
<span data-i18n="resources.text_legend"></span>

‎examples/classic/vizLayer_cartoCSS_hightlight.html

Lines changed: 26 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,15 @@
3030
z-index: 100;
3131
border-radius: 4px;
3232
}
33+
34+
.layerItems {
35+
border: 1px solid #999;
36+
display: none;
37+
position: absolute;
38+
z-index: 1000;
39+
background-color: rgba(255,255,255,0.5);
40+
padding-right: 20px;
41+
}
3342
</style>
3443
</head>
3544
<body>
@@ -38,10 +47,13 @@
3847
<h5 class='panel-title text-center' data-i18n="resources.text_cartoCSSHightlight"></h5></div>
3948
<div class='panel-body content'>
4049
<input type="button" class="btn btn-default" data-i18n="[value]resources.btn_cancelHighlight"
41-
onclick="layer.unHightlightFeatures();closeInfoWin();"/>
42-
<ul id='layerItems' style="display: none;position: absolute;"></ul>
50+
onclick="closeInfoWin();"/>
4351
</div>
4452
</div>
53+
<div class="layerItems">选择需要高亮的要素：
54+
<ul id='layerItems'></ul>
55+
</div>
56+
4557
<div id="map"></div>
4658
<script type="text/javascript" include="bootstrap,widgets.alert" src="../js/include-web.js"></script>
4759
<script type="text/javascript" exclude="iclient-classic" src="../../dist/classic/include-classic.js"></script>
@@ -57,7 +69,7 @@ <h5 class='panel-title text-center' data-i18n="resources.text_cartoCSSHightlight
5769
}
5870
</script>
5971
<script>
60-
var map, layer, layerItems, infowin, featureInfoes,
72+
var map, layer, layerItems,layerItemsContainer, infowin, featureInfoes,
6173
host = window.isLocal ? window.server : "http://support.supermap.com.cn:8090",
6274
url = host + "/iserver/services/map-china400/rest/maps/China";
6375
init();
@@ -67,6 +79,7 @@ <h5 class='panel-title text-center' data-i18n="resources.text_cartoCSSHightlight
6779
widgets.alert.showAlert(resources.msg_supportCanvas, false);
6880
return;
6981
}
82+
layerItemsContainer = document.getElementsByClassName('layerItems')[0];
7083
layerItems = document.getElementById('layerItems');
7184
map = new SuperMap.Map("map", {
7285
controls: [
@@ -96,29 +109,31 @@ <h5 class='panel-title text-center' data-i18n="resources.text_cartoCSSHightlight
96109
while (layerItems.firstChild) {
97110
layerItems.removeChild(layerItems.firstChild);
98111
}
99-
layerItems.style.top = evt.clientY + 'px';
100-
layerItems.style.left = evt.clientX + 'px';
112+
layerItemsContainer.style.top = evt.clientY + 'px';
113+
layerItemsContainer.style.left = evt.clientX + 'px';
101114
for (var i = 0, len = featureInfoes.length; i < len; i++) {
102115
var li = document.createElement('li');
103116
li.innerHTML = featureInfoes[i].cartoLayer.layerName;
117+
console.log(featureInfoes[i]);
104118
li.setAttribute('data-index', i);
105119
layerItems.appendChild(li);
106120
if (i !== (len - 1)) {
107121
li.style.borderBottom = '1px solid';
108122
}
109123
li.onclick = liClickHandle;
110124
}
111-
layerItems.style.display = 'block';
125+
126+
layerItemsContainer.style.display = 'block';
112127
} else {
113-
layerItems.style.display = 'none';
128+
layerItemsContainer.style.display = 'none';
114129
}
115130

116131
},
117132
'rightclick': function () {
118-
layerItems.style.display = 'none';
133+
layerItemsContainer.style.display = 'none';
119134
},
120135
'move': function () {
121-
layerItems.style.display = 'none';
136+
layerItemsContainer.style.display = 'none';
122137
}
123138
});
124139
}
@@ -131,7 +146,7 @@ <h5 class='panel-title text-center' data-i18n="resources.text_cartoCSSHightlight
131146
layer.highlightFeatures(featureInfoes[index]);
132147
var lonlat = map.getLonLatFromViewPortPx(featureInfoes.xy);
133148
openPopup(featureInfoes[index].feature, lonlat);
134-
layerItems.style.display = 'none';
149+
layerItemsContainer.style.display = 'none';
135150
}
136151

137152

@@ -171,6 +186,7 @@ <h5 class='panel-title text-center' data-i18n="resources.text_cartoCSSHightlight
171186
}
172187

173188
function closeInfoWin() {
189+
layer.unHightlightFeatures();
174190
if (infowin) {
175191
try {
176192
infowin.hide();

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