|
2 | 2 | <html xmlns="http://www.w3.org/1999/xhtml"> |
3 | 3 |
|
4 | 4 | <head> |
5 | | - <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
6 | | - <title>迁移图</title> |
7 | | - <script include="jquery" src="../../libs/zondyclient/include-lib-local.js"></script> |
8 | | - <script include="proj4" src="../../libs/zondyclient/include-leaflet-local.js"></script> |
9 | | - <style> |
10 | | - body { |
11 | | - margin: 0; |
12 | | - padding: 0; |
13 | | - } |
| 5 | + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
| 6 | + <title>迁移图</title> |
| 7 | + <script include="jquery" src="../../libs/zondyclient/include-lib-local.js"></script> |
| 8 | + <script include="proj4" src="../../libs/zondyclient/include-leaflet-local.js"></script> |
| 9 | + <style> |
| 10 | + body { |
| 11 | + margin: 0; |
| 12 | + padding: 0; |
| 13 | + } |
14 | 14 |
|
15 | | - #map { |
16 | | - position: absolute; |
17 | | - top: 0; |
18 | | - bottom: 0; |
19 | | - width: 100%; |
20 | | - } |
21 | | - </style> |
| 15 | + #map { |
| 16 | + position: absolute; |
| 17 | + top: 0; |
| 18 | + bottom: 0; |
| 19 | + width: 100%; |
| 20 | + } |
| 21 | + </style> |
22 | 22 | </head> |
23 | 23 |
|
24 | 24 | <body> |
25 | | - <div id="map"></div> |
26 | | - <script> |
| 25 | +<div id="map"></div> |
| 26 | +<script> |
27 | 27 | var BaiduCRS = new L.Proj.CRS( |
28 | | - 'EPSG:3395', |
29 | | - '+proj=merc +lon_0=0 +k=1 +x_0=140 +y_0=-250 +datum=WGS84 +units=m +no_defs', { |
30 | | - resolutions: function () { |
31 | | - level = 19; |
32 | | - var res = []; |
33 | | - res[0] = Math.pow(2, 18); |
34 | | - for (var i = 1; i < level; i++) { |
35 | | - res[i] = Math.pow(2, (18 - i)) |
36 | | - } |
37 | | - return res; |
38 | | - }(), |
39 | | - origin: [0, 0], |
40 | | - bounds: L.bounds([20037508.342789244, 0], [0, 20037508.342789244]) |
41 | | - } |
| 28 | + 'EPSG:3395', |
| 29 | + '+proj=merc +lon_0=0 +k=1 +x_0=140 +y_0=-250 +datum=WGS84 +units=m +no_defs', { |
| 30 | + resolutions: function () { |
| 31 | + level = 19; |
| 32 | + var res = []; |
| 33 | + res[0] = Math.pow(2, 18); |
| 34 | + for (var i = 1; i < level; i++) { |
| 35 | + res[i] = Math.pow(2, (18 - i)) |
| 36 | + } |
| 37 | + return res; |
| 38 | + }(), |
| 39 | + origin: [0, 0], |
| 40 | + bounds: L.bounds([20037508.342789244, 0], [0, 20037508.342789244]) |
| 41 | + } |
42 | 42 | ); |
43 | 43 |
|
44 | | - var light = L.zondy.BaiduTileLayer({ |
45 | | - styles: 'light', |
46 | | - baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
| 44 | + var light = new Zondy.Map.BaiduTileLayer({ |
| 45 | + styles: 'light', |
| 46 | + baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
47 | 47 | }); |
48 | | - var dark = L.zondy.BaiduTileLayer({ |
49 | | - styles: 'dark', |
50 | | - baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
| 48 | + var dark = new Zondy.Map.BaiduTileLayer({ |
| 49 | + styles: 'dark', |
| 50 | + baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
51 | 51 | }); |
52 | | - var visualization = L.zondy.BaiduTileLayer({ |
53 | | - styles: 'visualization', |
54 | | - baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
| 52 | + var visualization = new Zondy.Map.BaiduTileLayer({ |
| 53 | + styles: 'visualization', |
| 54 | + baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
55 | 55 | }); |
56 | | - var redalert = L.zondy.BaiduTileLayer({ |
57 | | - styles: 'redalert', |
58 | | - baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
| 56 | + var redalert = new Zondy.Map.BaiduTileLayer({ |
| 57 | + styles: 'redalert', |
| 58 | + baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
59 | 59 | }); |
60 | | - var grassgreen = L.zondy.BaiduTileLayer({ |
61 | | - styles: 'grassgreen', |
62 | | - baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
| 60 | + var grassgreen = new Zondy.Map.BaiduTileLayer({ |
| 61 | + styles: 'grassgreen', |
| 62 | + baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
63 | 63 | }); |
64 | | - var pink = L.zondy.BaiduTileLayer({ |
65 | | - styles: 'pink', |
66 | | - baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
| 64 | + var pink = new Zondy.Map.BaiduTileLayer({ |
| 65 | + styles: 'pink', |
| 66 | + baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
67 | 67 | }); |
68 | | - var bluish = L.zondy.BaiduTileLayer({ |
69 | | - styles: 'bluish', |
70 | | - baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
| 68 | + var bluish = new Zondy.Map.BaiduTileLayer({ |
| 69 | + styles: 'bluish', |
| 70 | + baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
71 | 71 | }); |
72 | | - var darkgreen = L.zondy.BaiduTileLayer({ |
73 | | - styles: 'darkgreen', |
74 | | - baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
| 72 | + var darkgreen = new Zondy.Map.BaiduTileLayer({ |
| 73 | + styles: 'darkgreen', |
| 74 | + baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
75 | 75 | }); |
76 | | - var grayscale = L.zondy.BaiduTileLayer({ |
77 | | - styles: 'grayscale', |
78 | | - baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
| 76 | + var grayscale = new Zondy.Map.BaiduTileLayer({ |
| 77 | + styles: 'grayscale', |
| 78 | + baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
79 | 79 | }); |
80 | | - var hardedge = L.zondy.BaiduTileLayer({ |
81 | | - styles: 'hardedge', |
82 | | - baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
| 80 | + var hardedge = new Zondy.Map.BaiduTileLayer({ |
| 81 | + styles: 'hardedge', |
| 82 | + baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
83 | 83 | }); |
84 | | - var midnight = L.zondy.BaiduTileLayer({ |
85 | | - styles: 'midnight', |
86 | | - baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
| 84 | + var midnight = new Zondy.Map.BaiduTileLayer({ |
| 85 | + styles: 'midnight', |
| 86 | + baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
87 | 87 | }); |
88 | | - var pl = L.zondy.BaiduTileLayer({ |
89 | | - styles: 'pl', |
90 | | - baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
| 88 | + var pl = new Zondy.Map.BaiduTileLayer({ |
| 89 | + styles: 'pl', |
| 90 | + baidukey: '5ssIAkexwFSGMatjOF95gg3sjet3yxQ1' |
91 | 91 | }); |
92 | 92 |
|
93 | 93 | var baseMaps = { |
94 | | - '默认': visualization, |
95 | | - '白色风格': light, |
96 | | - '黑夜风格': dark, |
97 | | - '红色警戒风格': redalert, |
98 | | - '自然绿风格': grassgreen, |
99 | | - '浪漫粉风格': pink, |
100 | | - '清新蓝风格': bluish, |
101 | | - '青春绿风格': darkgreen, |
102 | | - '高端灰风格': grayscale, |
103 | | - '强边界风格': hardedge, |
104 | | - '午夜蓝风格': midnight, |
105 | | - '无风格': pl |
| 94 | + '默认': visualization, |
| 95 | + '白色风格': light, |
| 96 | + '黑夜风格': dark, |
| 97 | + '红色警戒风格': redalert, |
| 98 | + '自然绿风格': grassgreen, |
| 99 | + '浪漫粉风格': pink, |
| 100 | + '清新蓝风格': bluish, |
| 101 | + '青春绿风格': darkgreen, |
| 102 | + '高端灰风格': grayscale, |
| 103 | + '强边界风格': hardedge, |
| 104 | + '午夜蓝风格': midnight, |
| 105 | + '无风格': pl |
106 | 106 | }; |
107 | 107 |
|
108 | 108 | var map = L.map('map', { |
109 | | - crs: BaiduCRS, |
110 | | - layers: [midnight] |
111 | | - }).setView([29.578285, 106.563777], 3); |
| 109 | + crs: BaiduCRS, |
| 110 | + layers: [midnight] |
| 111 | + }).setView([29.578285, 106.563777], 5); |
112 | 112 |
|
113 | 113 | L.control.layers(baseMaps).setPosition('topleft').addTo(map); |
114 | | - </script> |
| 114 | +</script> |
115 | 115 |
|
116 | 116 |
|
117 | 117 | </body> |
|
0 commit comments