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. vue脚手架中使用axios

    虽然之前用过n次,但大多都是直接在页面中引入axios.js的.今天想换种方式使用,一时间竟不知道怎么配置了.特此记录下. 1.npm 安装axios,文件根目录下安装,指令如下:  npm inst ...

  2. multiprocessing- 基于进程的并行性

    介绍 multiprocessing是一个使用类似于threading模块的API支持生成进程的包.该multiprocessing软件包提供本地和远程并发,通过使用子进程而不是线程有效地支持 全局解 ...

  3. freemarker变量自加

    [#assign i = 0][#list dateList as item][#assign i = i + 1]<li><input type="radio" ...

  4. Net Core平台灵活简单的日志记录框架NLog+SqlServer初体验

    Net Core平台灵活简单的日志记录框架NLog+SqlServer初体验 前几天分享的"[Net Core平台灵活简单的日志记录框架NLog+Mysql组合初体验][http://www ...

  5. Linux编程 12 (默认shell环境变量， PATH变量重要讲解)

    一 .概述 默认情况下, bash shell会用一些特定的环境变量来定义系统的环境.这些默认环境变量可以理解是上篇所讲的系统全局环境变量. 1.1 bash  shell支持的Bourne变量 Bo ...

  6. app 性能

    Android App优化之性能分析工具 https://www.jianshu.com/p/da2a4bfcba68 -------------- 系列文: 背景:Android App优化, 要怎 ...

  7. 从session原理出发解决微信小程序的登陆问题

    声明:本文为作者原创文章,转载请注明出处 https://www.cnblogs.com/MaMaNongNong/p/9127416.html  原理知识准备  对于已经熟悉了session原理的同 ...

  8. Http协议中get和post的区别

    get(默认值)是通过URL传递表单值,数据追加在action属性后面. post传递的表单值是隐藏到http报文体中,url中看不到. get是通过url传递表单值,post通过url看不到表单域的 ...

  9. React Native 入门基础知识总结

    中秋在家闲得无事,想着做点啥,后来想想,为啥不学学 react native.在学习 React Native 时, 需要对前端(HTML,CSS,JavaScript)知识有所了解.对于JS,可以看 ...

  10. 翻译：select into outfile(已提交到MariaDB官方手册)

    本文为mariadb官方手册:SELECT INTO OUTFILE的译文. 原文:https://mariadb.com/kb/en/select-into-outfile/ 我提交到MariaDB ...