SuperMap iClient for JavaScript 客户端基于openlayers 开发。

目前最高版本为811，9D产品后推荐客户使用leaflet、openlayers客户端开发。

问题说明：

iClient for JavaScript（classic）在客户端做动态出图选择SuperMap.Layer.TiledDynamicRESTLayer，对接 SuperMap iServer 的 REST 地图服务的分块动态栅格图层。简单说就是加载iServer发布的地图服务在客户端用栅格瓦片出图。

1、默认的瓦片尺寸是256*256，地图数据较大，不经常更新的情况，建议使用缓存，客户端的请求直接访问iServer端配置的缓存。需要开启iServer端和客户端的参数，以及对应比例尺。

2、1中适合不怎么变化的地图数据，如底图。但有一些业务图层，由于经常性更新数据，则不能使用缓存，需要动态更新。但一屏幕256*256的瓦片如果加上底图服务，会出现地图加载一块一块显示，卡顿不流畅。

解决方法：

根据超图API，SuperMap.TiledDynamicRESTLayer继承与SuperMap.CanvasLayer，SuperMap.CanvasLayer继承与SuperMap.Layer.Grid。在Grid的属性找到了singletile的属性。

使用范例如下：

 <html>

 <head>

     <title></title>

     <script type="text/javascript" src="./libs/SuperMap.Include.js"></script>

     <script type="text/javascript">

         var map, layer, layer1;

         var url = "http://IP:8090/iserver/services/map-test/rest/maps/map";

         var url1 = "http://IP:8090/iserver/services/map-test/rest/maps/test";

         function initMap() {

             map = new SuperMap.Map("mapDiv", {

                 controls: [

                     new SuperMap.Control.ScaleLine(),

                     new SuperMap.Control.MousePosition(),

                     new SuperMap.Control.PanZoomBar({ showSlider: true }),

                     new SuperMap.Control.Navigation({

                         dragPanOptions: {

                             enableKinetic: true

                         }

                     })], allOverlays: true

             });

             layer = new SuperMap.Layer.TiledDynamicRESTLayer("basemap", url, { transparent: true, cacheEnabled: false }, { maxResolution: "auto", transitionEffect: "null", });

             layer.events.on({ "layerInitialized": addLayer });

         }

         function addLayer() {

             layer1 = new SuperMap.Layer.TiledDynamicRESTLayer("Business", url1, { transparent: true, cacheEnabled: false }, { singleTile: true },{ maxResolution: "auto", transitionEffect: "null"});

             layer1.events.on({ "layerInitialized": addLayer1 });

         }

         function addLayer1() {

             map.addLayers([layer, layer1]);

             map.setCenter(new SuperMap.LonLat(90.35, 23.74));

             var maxExtent = new SuperMap.Bounds(90.260418, 23.687934, 90.467785, 23.785266);

             map.setExtent(maxExtent);

         }

     </script>

 </head>

 <body onload="initMap();">

     <div id="mapDiv" style="width: 1500px;height: 750px"></div>

 </body>

 </html>

SuperMap iClient for JavaScript image出图的更多相关文章

  1. SuperMap iClient for JavaScript 新手入门

    地理信息系统(英语:Geographic Information System,缩写:GIS)是一门综合性学科,结合地理学与地图学,已经广泛的应用在不同的领域,是用于输入.存储.查询.分析和显示地理数 ...

  2. SuperMap iClient for JavaScript 之关联查询

    人们常说,计划赶不上变化.同样的,在项目中,使用的数据也是在不断变化的,尤其是属性信息的改变.就比如说,地图上的地物,它的空间信息在比较长的时间内,都不会发生变化,他的属性信息在初期不完整或者与后来的 ...

  3. SuperMap iClient for JavaScript初入

    SuperMap iClient for JavaScript初入 介绍SuperMap for Js的简单使用. 推荐先看下这篇文档:SuperMap iClient for JavaScript ...

  4. 浅谈Supermap iClient for JavaScript 弹窗类

    地图作为信息的载体和呈现方式,是GIS的重要组成部分,它是一个浏览信息的窗口,在信息日益发达的今天 ,各种地图应用如雨后春笋一般出现在大众眼前,而不是像以往一样太过局限于专业的领域.而弹窗,是作为地图 ...

  5. supermap iclient for js 标签专题图（服务端）

    <!DOCTYPE><html> <head> <meta http-equiv="Content-Type" content=" ...

  6. SuperMap iClient如何使用WMS地图服务

    什么是WMS服务 WMS(Web Map Service,Web 地图服务)服务,该服务符合 OGC(Open Geospatial Consortium,开放地理信息联盟)制定的 WMS 实现规范. ...

  7. SuperMap iClient如何使用WMTS地图服务

    SuperMap iClient如何使用WMTS地图服务 什么是WMTS服务 WMTS,切片地图Web服务(Web Map Tile Service)当前版本是1.0.0.该服务符合 OGC(Open ...

  8. SuperMap iClient 7C——网络客户端GIS开发平台 产品新特性

    SuperMap iClient 7C是空间信息和服务的可视化交互开发平台,是SuperMap服务器系列产品的统一客户端.产品基于统一的架构体系,面向Web端和移动端提供了多种类型的SDK开发包,帮助 ...

  9. SuperMap iClient

    SuperMap iClient 7C——网络客户端GIS开发平台 产品新特性   SuperMap iClient 7C是空间信息和服务的可视化交互开发平台,是SuperMap服务器系列产品的统一客 ...

随机推荐

  1. python 将一个列表去重，并且不打乱它原有的排列顺序

    old_lst = [2, 2, 1, 1, 3, 4] new_lst = list(set(old_lst)) new_lst.sort(key=old_lst.index) print(new_ ...

  2. 导出到word

    导出到excel功能会常做,但是导出到word功能很少做,项目遇到,在这里做一下标记. 导出到excel比较容易,excel都有固定格式也模板,但是word需要自己写模板,这里用了freemarker ...

  3. JSTL 和 EL

    EL表达式   Expression Language 语法${作用域中的值} 使用EL表达式时,需要在page标签中写上isELIgnored="false",否则EL表达式不生 ...

  4. Robot Framework - 建立本地测试环境

    注意:本文内容是以“在Window7系统中安装本地RobotFrmamework自动化测试环境”为例. Robot Framework简介 HomePage:http://robotframework ...

  5. git使用方法----如何利用git管理代码？如何使用git将代码传到github中去

    ##  在文件夹中打开 git here; 1.git init ===初始化一个仓库(这个仓库会存放,git对我们代码进行备份的文件)2.配置个人信息 -- --在git中设置当前使用的用户是==( ...

  6. python multiprocessing深度解析

    在写python多线程代码的时候,会用到multiprocessing这个包,这篇文章总结了一些这个包在多进程管理方面的一些原理和代码分析. 1. 问题一:是否需要显式调用pool的close和joi ...

  7. 没搞懂的package.json

    事情是这样的,今天上午,后端同学 clone 了我们的一个小程序项目,希望到自己的电脑上跑起来. 然而,令人尴尬的是,他在 npm install 之后,项目并没有如愿运行,并抛出一个大大的错误. 后 ...

  8. No principal was found in the response from the CAS server

    按网上的配置了 public String casServerUrlPrefix = "http://cas-server.com:8080/cas"; public String ...

  9. ES6进阶之路

    1.说出至少5个ES6的新特性,并简述它们的作用. . let关键字,用于声明只在块级作用域起作用的变量. . const关键字,用于声明一个常量. . 结构赋值,一种新的变量赋值方式.常用于交换变量 ...

  10. 敏感词汇过滤DFA算法

    using System; using System.Collections.Generic; using System.IO; using System.Linq; using System.Tex ...