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. Oracle to_char(参数,'FM990.00')函数

    遇到一个SQL,记录一下 select to_char(参数,'FM990.00') from 表格 刚看到FM990.00确实不知道什么意思,通过网上资料,知道了 0表示:如果参数(double或者 ...

  2. HBase相关的一些点

    1.在运行Hbase时,如果遇到出错之后: 可以通过{HBASE_HOME}目录,我的是在/usr/soft/hbase下的logs子目录中的日志文件查看错误原因.2.启动关闭Hadoop和HBase ...

  3. python中 __init__.py的例程

    __init__.py一般是为空,用在一个python目录中,标识该目录是一个python的模块包 先上来看一个例子: .: test1 test2 test_init.py ./test1: tim ...

  4. [部署]CentOS安装MariaDB

    环境 虚拟机:VMWare10.0.1 build-1379776 操作系统:CentOS7 64位 步骤 1.添加MariaDB的yum仓库源,在/etc/yum.repos.d/ 下建立 Mari ...

  5. 4-3 组件参数校验与非props特性

    本文参考脚本之家,https://www.jb51.net/article/143466.htm 通过属性的形式,父组件对子组件进行参数的传递 //如下图: //父组件设置content属性,向属性中 ...

  6. Redis（3）---Redis事务

    Redis事务 Redis 通过 MULTI .EXEC. DISCARD  和 WATCH 四个命令来实现事务功能. MULTI :标记一个事务块的开始. EXEC: 执行所有事务块内的命令. DI ...

  7. struts2框架(1)---struts2入门

    struts2框架 如果你之前在MVC模式的时候一直都是通过servlet,获取和返回数据,那么现在开始学习struts2框架, Struts是一个实现MVC设计模式的优秀的框架.它的许多优点我就不说 ...

  8. 大数据入门基础系列之Hadoop1.X、Hadoop2.X和Hadoop3.X的多维度区别详解（博主推荐）

    不多说,直接上干货! 在前面的博文里,我已经介绍了 大数据入门基础系列之Linux操作系统简介与选择 大数据入门基础系列之虚拟机的下载.安装详解 大数据入门基础系列之Linux的安装详解 大数据入门基 ...

  9. 多线程编程学习笔记——使用异步IO

    接上文 多线程编程学习笔记——使用并发集合(一) 接上文 多线程编程学习笔记——使用并发集合(二) 接上文 多线程编程学习笔记——使用并发集合(三) 假设以下场景,如果在客户端运行程序,最的事情之一是 ...

  10. springboot情操陶冶-@Configuration注解解析

    承接前文springboot情操陶冶-SpringApplication(二),本文将在前文的基础上分析下@Configuration注解是如何一步一步被解析的 @Configuration 如果要了 ...