Varias fuentes de teselas vectoriales

Es posible consumir contenido de varias fuentes de teselas vectoriales de una sola capa de mapa de teselas vectoriales que hace referencia a cada fuente de un estilo de teselas vectoriales. Puede mezclar y combinar contenido a partir de capas de teselas vectoriales existentes sin tener que crear ni alojar datos de teselas vectoriales duplicados para cada nueva combinación. Mantener y combinar de esta forma las capas de teselas vectoriales separadas también puede hacer que la actualización frecuente de cada capa resulte más cómoda.

Al consumir contenido de varias fuentes de teselas vectoriales, puede hacer lo siguiente:

  • Inyectar contenido de teselas vectoriales adicionales a mapas base vectoriales de Esri
  • Sustituir capas de los mapas base vectoriales de Esri por su propio contenido
  • Combinar contenido de ArcGIS Living Atlas, ArcGIS Online y ArcGIS Enterprise

Actualizaciones de estilos de teselas vectoriales

En el código JSON del estilo de teselas vectoriales subyacente, la propiedad sources contiene varias fuentes de tipo vector en lugar de una sola fuente de tipo vector.

En el ejemplo que aparece a continuación, existen dos fuentes de teselas vectoriales. La primera se denomina "esri". Contiene datos de mapas de calles de la ciudad de Redlands. La segunda fuente se denomina "contours". Contiene contornos del área de Redlands. Cada capa del estilo de teselas vectoriales hará referencia a uno de estos sources.

"sources": {
    "esri": {
      "type": "vector",
      "url": "https://tiles.arcgis.com/tiles/8cv2FuXuWSfF0nbL/arcgis/rest/services/Redlands_streetmap/VectorTileServer"
    },
    "contours": {
      "type": "vector",
      "url": "https://tiles.arcgis.com/tiles/8cv2FuXuWSfF0nbL/arcgis/rest/services/Redlands_contours/VectorTileServer"
    }
  },

Combinar servicios de teselas vectoriales

Es posible combinar distintos servicios de teselas vectoriales con distintas propiedades. La siguiente lista describe las combinaciones válidas:

  • Es posible combinar servicios de teselas vectoriales publicados en ArcGIS Online o ArcGIS Enterprise.
  • Cada fuente de teselas vectoriales de un estilo de teselas vectoriales debe tener el mismo esquema de ordenamiento en teselas y la misma referencia espacial, pero su máximo nivel de detalle puede ser diferente.
  • Es posible combinar servicios de teselas vectoriales con extensiones diferentes. La capa de teselas vectoriales se renderiza como la combinación de todas las extensiones.
  • Es posible combinar servicios de teselas vectoriales con los formatos de teselas vectoriales INDEXED o FLAT.

Ejemplo: combinar A Children's Map de Esri con calles

Mediante varias fuentes, puede inyectar cualquier contenido en un mapa base de teselas vectoriales de Esri.

En este ejemplo, se inyecta "streets" en A Children's Map desde el ArcGIS Living Atlas.

Children's Map
Una parte de A Children's Map de Esri.

Este mapa no presenta ninguna capa para las calles en este estilo. Al editar una copia del estilo de teselas vectoriales para él, es posible agregar la fuente de teselas "streets" a la propiedad sources. Las nuevas capas se agregan al estilo que hace referencia a la nueva fuente de "streets".

Children's Map con calles
Una parte de A Children's Map de Esri combinado con la fuente de teselas de calles.

Fuentes de teselas vectoriales

"sources": {
    "esri": {
      "type": "vector",
      "url": "https://tiles.arcgis.com/tiles/P3ePLMYs2RVChkJx/arcgis/rest/services/Esri_Childrens_Map/VectorTileServer"
    },
    "streets": {
      "type": "vector",
      "url": "https://<portal_name>/server/rest/services/Hosted/streets/VectorTileServer"
    }
},

Capas de teselas vectoriales con el estilo JSON

"layers" : [{
    "id" : "Land/Not ice",    "type" : "fill",    "source" : "esri",    "source-layer" : "Land",    "filter" : ["==", "_symbol", 0],    "layout" : {},    "paint" : {
	"fill-color" : "#F2EFCC"
	}
    }, {
    "id" : "roads1",    "type" : "line",    "source" : "streets",    "source-layer" : "street",    "minzoom" : 4,    "layout" : {
    	"line-join" : "round"
        	},    "paint" : {
	"line-color" : "#B9B7B9",	"line-width" : 3.33333	}
    }, {
    "id" : "roads2",    "type" : "line",    "source" : "streets",    "source-layer" : "street",    "minzoom" : 4,    "layout" : {
 	"line-join" : "round"
	},    "paint" : {
	"line-color" : "#E1E1E1",	"line-width" : 1.33333	}
    },

Temas relacionados