Навигационные карты не видны с помощью javascript api

У меня были навигационные карты до конца прошлого года, когда они перестали работать. Я не получаю никаких исключений, но я просто получаю базовую карту и никаких навигационных карт.

Если я добавлю свой сервис во вьюер веб-карт https://www.arcgis.com/home/webmap/viewer.html я смогу увидеть навигационные карты, поэтому это должно быть связано с моим кодом, хотя я не думаю, что что-то изменилось.

Вот урезанная версия кода, который работал:

  <!DOCTYPE html>
    <html> 
      <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 

        <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
        <title>Map with WMS</title> 

        <link rel="stylesheet" href="https://js.arcgis.com/3.15/dijit/themes/claro/claro.css"> 
        <link rel="stylesheet" href="https://js.arcgis.com/3.15/esri/css/esri.css">
        <style>
      html, body, #map {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
      }
      body {
        background-color: #FFF;
        overflow: hidden;
        font-family: "Trebuchet MS";
      }
    </style>
    <script src="https://js.arcgis.com/3.15/"></script> 

    <script> require(['esri/map', 'esri/layers/WMSLayer', 'esri/layers/WMSLayerInfo', 'esri/geometry/Extent','dojo/_base/array', 'dojo/dom', 'dojo/dom-construct', 'dojo/parser','dijit/layout/BorderContainer', 'dijit/layout/ContentPane', 'dojo/domReady!'], function(Map, WMSLayer, WMSLayerInfo, Extent, array, dom, domConst, parser) {
         parser.parse();

        var map;

          map = new Map("map", {
            basemap: "streets",
            center: [-98, 37],
            zoom: 5
          });


          var layer1 = new WMSLayerInfo({name: "1",
          title: "Natural and man-made features, port features"});

          var layer2 = new WMSLayerInfo({name: "2",
          title: "Depths, currents etc"});

          var layer3 = new WMSLayerInfo({name: "3",
          title: "Seabed, obstructions, pipelines"});

          var layer4 = new WMSLayerInfo({name: "4",
          title: "Traffic routes"});

          var layer5 = new WMSLayerInfo({name: "5",
          title: "Special areas"});

          var layer6 = new WMSLayerInfo({name: "6",
          title: "Buoys, beacons, lights, fog signals, radar"});

          var layer7 = new WMSLayerInfo({name: "7",
          title: "Services and small craft facilities"});


          var resourceInfo = {extent: new Extent(-126.40869140625, 31.025390625, -109.66552734375, 41.5283203125, {wkid:4326}),
            layerInfos: [layer1, layer2, layer3, layer4, layer5, layer6, layer7] 
          };


          var wmsLayer = new WMSLayer("https://example.server.com/arcgis/rest/services/SampleWorldCities/MapServer/exts/Maritime%20Chart%20Service/WMSServer", {
            resourceInfo: resourceInfo,
            visibleLayers: [1, 2, 3, 4, 5, 6, 7] 
          });

          map.addLayers([wmsLayer]);
          var details = dom.byId('details');
          domConst.place('<b>Layers</b>', details);
          var ul = domConst.create('ul',null,details);
          array.forEach(wmsLayer.layerInfos, function(layerInfo){domConst.create('li',{innerHTML: layerInfo.title},ul)});
          domConst.place('<b>WMS Version</b>'+wmsLayer.version+'<br/>', details);

        });


    </script> 
  </head> 

<body class="claro">
  <div id="content"
       data-dojo-type="dijit.layout.BorderContainer"
       data-dojo-props="design:'headline', gutters:true"
       style="width: 100%; height: 100%; margin: 0;">

    <div id="details"
         data-dojo-type="dijit.layout.ContentPane"
         data-dojo-props="region:'left', splitter:true"
         style="overflow:auto; width:200px;">
    </div>

    <div id="map"
         data-dojo-type="dijit.layout.ContentPane"
         data-dojo-props="region:'center'"
         style="overflow:hidden;">
    </div>

  </div>
</body>
</html>

Кто-нибудь может увидеть, что может быть не так?

Источник

0 ответов

Другие вопросы по тегам