代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
|
<!DOCTYPE html>
<html>
<head>
<title>创建一幅地图</title>
<meta http-equiv=
"Content-Type"
content=
"text/html; charset=utf-8"
>
<meta name=
"viewport"
content=
"initial-scale=1, maximum-scale=1,user-scalable=no"
>
<link rel=
"stylesheet"
href=
"http://127.0.0.1:8080/jsapi/3.11/dijit/themes/soria/soria.css"
>
<link rel=
"stylesheet"
href=
"http://127.0.0.1:8080/jsapi/3.11/esri/css/esri.css"
>
<style>
html, body, #mapDiv{
padding:
0
;
margin:
0
;
height:
100
%;
}
</style>
<script src=
"http://127.0.0.1:8080/jsapi/3.11/init.js"
></script>
<script type=
"application/javascript"
src=
"jsapi_vsdoc10_v38.js"
></script>
<script>
var
map,lods,fullExtent,tiledMapServiceLayer;
require([
"esri/map"
,
"esri/geometry/Extent"
,
"esri/layers/ArcGISTiledMapServiceLayer"
,
"dojo/domReady!"
],
function
(Map, Extent, ArcGISTiledMapServiceLayer) {
lods = [
{
"level"
:
0
,
"resolution"
:
0.028553532069963364
,
"scale"
:
12000000
},
{
"level"
:
1
,
"resolution"
:
0.01903568804664224
,
"scale"
:
8000000
},
{
"level"
:
2
,
"resolution"
:
0.00951784402332112
,
"scale"
:
4000000
},
{
"level"
:
3
,
"resolution"
:
0.00475892201166056
,
"scale"
:
2000000
},
{
"level"
:
4
,
"resolution"
:
0.00237946100583028
,
"scale"
:
1000000
},
{
"level"
:
5
,
"resolution"
:
0.00118973050291514
,
"scale"
:
500000
},
{
"level"
:
6
,
"resolution"
:
5
.9486525145757E-
4
,
"scale"
:
250000
},
{
"level"
:
7
,
"resolution"
:
2
.3794610058302802E-
4
,
"scale"
:
100000
},
{
"level"
:
8
,
"resolution"
:
1
.1897305029151401E-
4
,
"scale"
:
50000
},
{
"level"
:
9
,
"resolution"
:
5
.9486525145757005E-
5
,
"scale"
:
25000
},
{
"level"
:
10
,
"resolution"
:
2
.3794610058302804E-
5
,
"scale"
:
10000
},
{
"level"
:
11
,
"resolution"
:
1
.1897305029151402E-
5
,
"scale"
:
5000
},
{
"level"
:
12
,
"resolution"
:
4
.75892201166056E-
6
,
"scale"
:
2000
}
];
fullExtent =
new
Extent({
"xmin"
:
73.441277
,
"ymin"
:
34.334934
,
"xmax"
:
96.388373
,
"ymax"
:
49.178574
,
"spatialReference"
: {
"wkid"
:
4326
}
});
map =
new
Map(
"mapDiv"
, {
extent: fullExtent,
lods: lods,
slider:
true
,
sliderStyle:
"large"
,
//sliderPosition:"top-left",
zoom:
0
,
logo:
false
});
tiledMapServiceLayer =
new
ArcGISTiledMapServiceLayer(
"http://10.238.208.34/arcgis/rest/services/BaseMap/XjOnline/MapServer"
);
map.addLayer(tiledMapServiceLayer);
});
</script>
</head>
<body
class
=
"soria"
>
<div id=
"mapDiv"
></div>
</body>
</html>
|
输出结果:
说明:可以为map对象设置<String[]> sliderLabels属性显示滑动条文字说明。
本文转自stock0991 51CTO博客,原文链接:http://blog.51cto.com/qing0991/1576164,如需转载请自行联系原作者