当前位置:GIS服务>GIS技术>

SuperMap学习系列(一)—加载地图(rest方式)

2016/7/21 14:48:24 0人评论 1223 次

900-150.gif

SuperMap学习系列(一)—加载地图(rest方式)

[html] view plaincopy在CODE上查看代码片派生到我的代码片

  1. <!DOCTYPE html>  
  2. <html xmlns="<a target="_blank" href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>">  
  3. <head>  
  4.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5.     <title></title>  
  6.     <script src="json_parse.js"></script>  
  7.     <script src="toJSON.js"></script>  
  8.     <script src="libs/SuperMap.Include.js"></script>  
  9.     <script type="text/javascript">             
  10.         var map, layer, vectorLayer, control, selectFeature;  
  11.         // 设置访问的GIS服务地址  
  12.         var url = "<a target="_blank" href="http://localhost:8090/iserver/services/map-ChinaTestWorkPlace/rest/maps/ChinaTest">http://localhost:8090/iserver/services/map-ChinaTestWorkPlace/rest/maps/ChinaTest</a>";  
  13.         function GetMap() {  
  14.             // 创建地图对象  
  15.             map = new SuperMap.Map("map");  
  16.             //control = new SuperMap.Control.MousePosition();     //该控件显示鼠标移动时,所在点的地理坐标。  
  17.             //map.addControl(control);  //添加控件  
  18.             // 创建图层对象  
  19.             layer = new SuperMap.Layer.TiledDynamicRESTLayer("World", url, { transparent: true, cacheEnabled: true }, { maxResolution: "auto" });  
  20.             layer.events.on({ "layerInitialized": addLayer });              
  21.         }  
  22.         // 加载图层  
  23.         function addLayer() {  
  24.             // 向Map添加图层  
  25.             map.addLayer(layer);  
  26.             map.setCenter(new SuperMap.LonLat(116.409749, 39.912344), 1);           
  27.         }       
  28.     </script>  
  29. </head>  
  30. <body onload="GetMap()">      
  31.     <div id="map" style="height: 640px; width: 720px; border: 1px solid red; margin-left: auto; margin-right: auto;"></div>  
  32. </body>  
  33. </html>  

效果图如下:

推荐阅读:                                        

免费分享全国省级与市级行政区划啦!                                         

百度网盘可免费下载全国高清卫星影像啦!                                        

百度网盘可免费下载全国30米SRTM高程啦!                                        

免费从网盘下载的影像和高程DEM如何使用?                                        

如何利用免费地图数据构建一个离线三维地球?                                         

DAT与IDX格式文件如何打开?                                        

如何免费下载谷歌高清卫星影像地图?                                        

22.3TB全国1-20级谷歌卫星影像终于出炉!                                        

干货:全球73.9TB卫星影像是如何下载的?                                        

《全国12.5米高程DEM原始数据2.0》发布!                                        

12.5m、30m、90m 高程数据详细对比说明!                                        

在开源地球 Cesium 离线加载影像和高程!                                        

在ArcMap中离线加载海量卫星影像的方法!                                        

《地图发布服务中间件》for Linux 发布!                                        

最新版GoogleMap API 离线源码下载技术!                                        

全球谷歌卫星影像的大字体挂图打印制作方法                                        

长按关注水经注,我们与你更近一步

新版谷歌地图高清            卫星地图下载拼接,地图标注,DEM高程下载,等高线提取,矢量数据(WGS84,西安80,北京54,2000坐标)å åŠ é…            å‡†,投影转换;支持AutoCAD,ArcGIS等行业软件。  

地图下载 | 地图发布 | 系统部署 | 定制研发 

请拔打24小时热线:400-028-0050

分享到:

相关资讯

    暂无相关的资讯...