iserver地图发布

最新推荐文章于 2023-03-23 14:23:53 发布

*千殇*

最新推荐文章于 2023-03-23 14:23:53 发布

阅读量395

点赞数

分类专栏： gis

本文链接：https://blog.csdn.net/weixin_44540178/article/details/106406583

版权

gis 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

超图软件SuperMap iDesktop 10i 通常用于地图的制作和绘制，而SuperMap iServer 10i 通常用于地图的发布和管理，iServer中还包含关于地图的诸多相关操作介绍说明和代码说明。
IServer 10i的地址 http://support.supermap.com:8090/iserver/

需要名为SuperMap.Include.js 的脚本文件

<script src="~/SuperMap/libs/SuperMap.Include.js"></script><!--超图引用-->

在此之前还需要为地图准备一个容器

		@*地图*@
<body onload="cdwed()">
        <div class="ditu">
            <div id="map" style="height:640px;width:1514px;"></div>
        </div>
</body>
Js
 <script>
    var map, layer , host = "http://localhost:8090";
    //地图服务地址
   var layerURL = host+ "/iserver/services/map-ZHDM_Data/rest/maps/斗门行政地图	@ZHDM_Data"; 	
 	function cdwed() {
  	 // 初始化地图控件
    	map = new SuperMap.Map("map",{    
            	controls: [
                 	new SuperMap.Control.Navigation(),
                 	new SuperMap.Control.Zoom(),
                 	new SuperMap.Control.LayerSwitcher(),
                 	new SuperMap.Control.ScaleLine(),
           	 ], units: "m"
        	});

   	 map.addControl(new SuperMap.Control.MousePosition());
    //地图控件 ， 定义layer图层TiledDynamicRESTlAYER:分块动态REST图层
    var layer = new SuperMap.Layer.TiledDynamicRESTLayer("斗门行政地图@ZHDM_Data", 	layerURL,null, { maxResolution: "auto" });
    //为图层初始化完毕添加addLayer()事件
    layer.events.on({ "layerInitialized": addLayer });
    //加载地图
    function addLayer() {
        //向地图添加图层
        map.addLayer(layer, polygonLayer, lineLayer, vectorLayer, markerLayer);
        //设置地图中心点（根据iserver服务中发布的地图中心的来进行适当的调节）
        map.setCenter(new SuperMap.LonLat(113.23, 22.24), 0);
    }
}
</script>