SuperMap iClient for OpenLayers如何加载4490坐标系地图服务

momo323636

于 2024-04-26 09:55:30 发布

阅读量241

点赞数 3

文章标签： swift 开发语言 ios

本文链接：https://blog.csdn.net/m0_45826980/article/details/138208932

版权

示例代码：

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <title data-i18n="resources.title_tiledMapLayer3857"></title>
  <script type="text/javascript" src="../js/include-web.js"></script>
  <script type="text/javascript" src="../../dist/ol/include-ol.js"></script>
</head>

<body style="margin: 0; overflow: hidden; background: #fff; width: 100%; height: 100%; position: absolute; top: 0">
  <div id="map" style="width: 100%; height: 100%"></div>
  <script type="text/javascript">
    var url = 'http://localhost:8091/iserver/services/map-dy/rest/maps/dy';
   //定义投影参数
    var swissProjection = new ol.proj.Projection({
      code: 'EPSG:4490',
       // extent用于确定缩放级别
			//投影的extent可以参考https://epsg.io/
      extent: [73.62, 16.7, 134.77, 53.56],
      units: 'degrees'
    });
    new ol.supermap.MapService(url).getMapInfo().then(function (serviceResult) {
      const mapObj = serviceResult.result;
      map = new ol.Map({
        target: 'map',

        view: new ol.View({
          center: [104.42, 30.98],
          zoom: 5,
          projection: swissProjection,

        }),
      });
      var layer = new ol.layer.Tile({
        source: new ol.source.TileSuperMapRest(ol.source.TileSuperMapRest.optionsFromMapJSON(url, mapObj, true))
      });
      map.addLayer(layer);
      map.addControl(new ol.supermap.control.ScaleLine());
    });
  </script>
</body>
</html>