33*********************************************************************-->
44<!DOCTYPE html>
55< html >
6- < head >
7- < meta charset ="UTF-8 ">
6+ < head >
7+ < meta charset ="UTF-8 "/ >
88< title data-i18n ="resources.title_tiledMapLayer4326 "> </ title >
99< script type ="text/javascript "src ="../js/include-web.js "> </ script >
10- </ head >
11- < body style =" margin: 0;overflow: hidden;background: #fff;width: 100%;height:100%;position: absolute;top: 0; ">
12- < div id ="map "style ="margin:0 auto;width: 100%;height: 100% "> </ div >
13- < script type ="text/javascript "src ="../../dist/leaflet/include-leaflet.js "> </ script >
14- < script type ="text/javascript ">
15- var host = window . isLocal ?window . server :"https://iserver.supermap.io" ;
16- var map , url = host + "/iserver/services/map-world/rest/maps/World" ;
17- map = L . map ( 'map' , {
18- crs :L . CRS . EPSG4326 ,
19- center :[ 0 , 0 ] ,
20- maxZoom :18 ,
21- zoom :1
22- } ) ;
23- new L . supermap . TiledMapLayer ( url ) . addTo ( map ) ;
10+ </ head >
11+ < body style ="margin: 0; overflow: hidden; background: #fff; width: 100%; height: 100%; position: absolute; top: 0 ">
12+ < div id ="map "style ="margin: 0 auto; width: 100%; height: 100% "> </ div >
13+ < script type ="text/javascript "src ="../../dist/leaflet/include-leaflet.js "> </ script >
14+ < script type ="text/javascript ">
15+ var host = window . isLocal ?window . server :'https://iserver.supermap.io' ;
16+ var map ,
17+ url = host + '/iserver/services/map-world/rest/maps/World' ;
2418
25- </ script >
26- </ body >
27- </ html >
19+ // 方式一:1.调用 L.supermap.initMap,根据 SuperMap iServer 地图服务的地图信息,创建地图和底图
20+ L . supermap . initMap ( url ) ;
21+ /*
22+ // 方式二:1.调用 L.supermap.MapService,获取 SuperMap iServer 地图服务的地图信息
23+ // 2.调用 L.supermap.crsFromMapJSON 创建 CRS
24+ // 3.调用 L.map 创建地图
25+ // 4.调用 L.supermap.TiledMapLayer 创建底图
26+ new L.supermap.MapService(url).getMapInfo((res) => {
27+ var def = `GEOGCS["GCS_China_2000",DATUM["D_China_2000",SPHEROID["CGCS2000",6378137.0,298.257222101,AUTHORITY["EPSG","7044"]]],PRIMEM["Greenwich",0.0,AUTHORITY["EPSG","8901"]],UNIT["DEGREE",0.017453292519943295],AUTHORITY["EPSG","4490"]]`;
28+ Proj4js.defs('EPSG:4490', def);
29+ var crs = L.supermap.crsFromMapJSON(res.result);
30+ map = L.map('map', {
31+ crs: crs,
32+ center: [23.909946174843483, 17.607615853850504],
33+ maxZoom: 18,
34+ zoom: 0
35+ });
36+ new L.supermap.TiledMapLayer(url).addTo(map);
37+ });
38+ */
39+ </ script >
40+ </ body >
41+ </ html >