html 使用XYZ架构加载缓存图像，作为ArcGIS Server中的缓存图像

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 使用XYZ架构加载缓存图像，作为ArcGIS Server中的缓存图像相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html ng-app="demoapp">
<head>
  <meta charset="UTF-8"> 
  <script src="http://tombatossals.github.io/angular-openlayers-directive/bower_components/openlayers3/build/ol.js"></script>
  <script src="http://tombatossals.github.io/angular-openlayers-directive/bower_components/angular/angular.min.js"></script>
  <script src="http://tombatossals.github.io/angular-openlayers-directive/bower_components/angular-sanitize/angular-sanitize.min.js"></script>
  <script src="http://tombatossals.github.io/angular-openlayers-directive/dist/angular-openlayers-directive.js"></script>
  <link rel="stylesheet" href="http://tombatossals.github.io/angular-openlayers-directive/bower_components/openlayers3/build/ol.css" />
  <script>
    var app = angular.module("demoapp", ["openlayers-directive"]);
    app.controller("imageController", [ '$scope', '$http', 'olData', function($scope, $http, olData) {
      angular.extend($scope, {
        bogota: {
          lat: 4.585,
          lon: -74.13,
          zoom: 10
        },
        defaults: {
          view: {
            projection: 'EPSG:4326',
            extent: [-74.32, 4.45, -73.85, 4.85],
            maxZoom: 21,
            minZoom: 10
          }
        },
        mapa: {
          active: true,
          visible: true,          
          source: {
            type: 'TileImage',
            attribution: 'Servicio XYZ de IDECA &copy; <a href="http://ideca.gov.co/" target="_blank">IDECA Bogota</a>',
            url: "http://imagenes.catastrobogota.gov.co/arcgis/rest/services/CM/CommunityMap/MapServer/tile/{z}/{y}/{x}",
            maxExtent: [-74.900220, 3.698400, -73.347648, 4.912033],
            tileGrid: {
                    origin: [-400, 400], // top left corner of the pixel projection's extent
                    resolutions: [0.0023794610058302797, 0.0011897305029151398, 5.948652514575699E-4, 2.3794610058302794E-4, 1.1897305029151397E-4, 4.758922011660559E-5, 2.3794610058302794E-5, 1.1897305029151397E-5, 4.758922011660559E-6, 2.3794610058302796E-6, 1.1897305029151398E-6]
                  }
                }
              }
            });

} ]);
</script>
</head>
<body ng-controller="imageController">
 <openlayers ol-center="bogota" custom-layers="true"  width="100%" height="480px" ol-defaults="defaults">
  <ol-layer ol-layer-properties="mapa"></ol-layer> 
</openlayers>
<h1>TileImage XYZ example</h1>
<p>Load an cache image with XYZ schema, as the cached images in ArcGIS Server</p>

</body>
</html>

以上是关于html 使用XYZ架构加载缓存图像，作为ArcGIS Server中的缓存图像的主要内容，如果未能解决你的问题，请参考以下文章

html 使用TMS架构加载缓存映像，例如NOAA WOC提供的OSM MapServer示例

使用 drupal boost 模块仍然可以随机加载图像

HTML 5文件加载图像作为背景图像

关闭 fabricjs 图像对象的缓存

Outlook插件的图标不更新

无法使用 Konva 将 PDF 图像作为图像对象加载到 HTML5 画布中