[Test] Mapea World_Street_Map

by deivil79

HTML

<script src="http://mapea4-sigc.juntadeandalucia.es/js/mapea.ol.min.js"></script>
<link rel="stylesheet" href="http://mapea4-sigc.juntadeandalucia.es/assets/css/mapea.ol.min.css">
<script src="http://mapea4-sigc.juntadeandalucia.es/js/configuration.js"></script>
<div id="map"></div>

CSS

html,
body,
#map {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

JavaScript

// OPCION 1: En el constructor del mapa, en modo cadena u objeto
  let ignRaster = new M.layer.WMTS({
    url: "http://www.ign.es/wmts/mapa-raster?",
    name: "MTN",
    matrixSet: "EPSG:25830",
    legend: "IGN Raster"
  });
  
    let worldStreetMap = new M.layer.WMTS({
    url: "https://services.arcgisonline.com/arcgis/rest/services/World_Street_Map/MapServer/WMTS?",
    name: "World_Street_Map",
    matrixSet: "GoogleMapsCompatible",
    legend: "World_Street_Map"
  });
  
  let worldImagery = new M.layer.WMTS({
    url: "https://services.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer/WMTS?",
    name: "World_Imagery",
    matrixSet: "GoogleMapsCompatible",
    legend: "World_Imagery"
  });
  
  let worldPhysicalMap = new M.layer.WMTS({
    url: "https://services.arcgisonline.com/arcgis/rest/services/World_Physical_Map/MapServer/WMTS?",
    name: "World_Physical_Map",
    matrixSet: "GoogleMapsCompatible",
    legend: "World_Physical_Map"
  });
  
  let worldTopoMap = new M.layer.WMTS({
    url: "https://services.arcgisonline.com/arcgis/rest/services/World_Topo_Map/MapServer/WMTS?",
    name: "World_Topo_Map",
    matrixSet: "GoogleMapsCompatible",
    legend: "World_Topo_Map"
  });


 
 mapajs = M.map({
    container: "map",
    layers: [worldImagery/*ignRaster,worldStreetMap,worldImagery,worldPhysicalMap,worldTopoMap*/],
    center: [363063, 4150610],
    zoom: '4',
    resolutions: [156543.03392800014,78271.51696399994,39135.75848200009,19567.87924099992,9783.93962049996,4891.96981024998,2445.98490512499,1222.992452562495,611.4962262813797,305.74811314055756,152.87405657041106,76.43702828507324,38.21851414253662,19.10925707126831,9.554628535634155,4.77731426794937,2.388657133974685,0.5971642835598172,0.29858214164761665,0.14929107082380833,0.07464553541190416,0.03732276770595208,0.01866138385297604],
    controls: ['layerswitcher','mouse','panzoombar'],
    projection:"EPSG:3857*m"
  });