IClient for js开发之地图的加载

最新推荐文章于 2021-07-12 17:02:47 发布

会做饭的技术男

最新推荐文章于 2021-07-12 17:02:47 发布

阅读量238

点赞数

分类专栏：前端文章标签： supermap iclent for javascript 开发

原文链接：https://www.mk2048.com/blog/blog.php?id=hjaikjh0jkaa&title=IClient+for+js%E5%BC%80%E5%8F%91%E4%B9%8B%E5%9C%B0%E5%9B%BE%E7%9A%84%E5%8A%A0%E8%BD%BD

版权

前端专栏收录该内容

2507 篇文章 13 订阅

订阅专栏

进行web开发之前首先需要安装IServer以及iClient for JavaScript的开发包。在这两中都具备的前提下进行第一步，如何调用IServer中发布的服务

调用iServer 中发布的服务（具体的发布服务参见我的其他随笔）

一、用任何一个能编写html和js 的编译器，新建一个html页，将新建的html页保存到一个熟悉的位置，再将iclient for js中lib文件夹和theme文件夹复制到刚才新建的html的文件目录中。

二、进行编写代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>墨卡托投影系地图</title>
    <!--引用需要的脚本-->
    <script src="./libs/SuperMap.Include.js"></script>
    <script type="text/javascript">
        //声明变量map、layer、url
        var map, layer,
                url = "http://localhost:8090/iserver/services/map-baidu3/rest/maps/normal";
        //创建地图控件
        function init() {
            map = new SuperMap.Map ("map");
            //创建分块动态REST图层，该图层显示iserver 8C 服务发布的地图,
            //其中"world"为图层名称，url图层的服务地址，{transparent: true}设置到url的可选参数
            layer = new SuperMap.Layer.TiledDynamicRESTLayer("World", url,
                    null, {maxResolution:"auto"});
            layer.events.on({"layerInitialized": addLayer});
        }
        function addLayer() {
            //将Layer图层加载到Map对象上
            map.addLayer(layer);
            //出图，map.setCenter函数显示地图
            map.setCenter(new SuperMap.LonLat(0, 0), 2);
        }
    </script>
</head>
<body onload="init()">
<!--地图显示的div-->
<div id="map" style="position:absolute;left:0px;right:0px;width:800px;height:500px;" >
</div>
</body>
</html>

三、运行截图