ArcGIS JavaScript com dados do Reino Unido - OS Basemapgallery

Egge-Jan_Pollé

<\/HEAD>

<\/A><\/P>

https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2020\/03\/24\/arcgis-javascript-with-uk-data-table-of-content<\/A><\/P>

<\/P>

Basemapgallery<\/H2><\/P>No primeiro exercício desta série<\/A> tivemos apenas um único basemap em nosso mapa. Aqui vamos adicionar um BasemapGallery<\/A> permitindo que os usuários alternem entre basemaps.<\/P>

<\/P>

Por favor, note: todos os basemaps adicionados à galeria precisam ter a mesma referência espacial. E porque nosso primeiro basemap está projetado no British National Grid, todos os outros devem ter essa mesma referência espacial.<\/P>

<\/P>

Encontramos estes basemaps que atendem a este requisito:<\/P>

OS Open Background<\/A><\/LI>OS Open Grey<\/A><\/LI>OS Open Grey Labels<\/>\u00a0<\/>OS Open Carto<\/>\u00a0<\/>OS Open Rasters<\/>\u00a0<\/>GB Dark Grey<\/> \u00a0< \/LI> < \/UL> < P > < \/ P > < P > No código abaixo usamos a classe < A class = "link-titled " href = " https : \/ \/ developers . arcgis . com \/ javascript \/ latest \/ api - reference \/ esri - Basemap . html " title = " https : \/ \/ developers . arcgis . com \/ javascript \/ latest \/ api - reference \/ esri - Basemap . html " rel = " nofollow noopener noreferrer " target = " _blank " > Basemap < \/ A > para criar seis objetos basemap. Em seguida, combinamos esses objetos em uma única < A class = " link - titled " href = " https : \/ \/ developers . arcgis . com \/ javascript \/ latest \/ api - reference \/ esri - widgets - BasemapGallery - support - LocalBasemapsSource . html " title = " https : \/ \/ developers . arcgis . com \/ javascript \/ latest \/ api - reference \/ esri - widgets - BasemapGallery - support - LocalBasemapsSource . html " rel = " nofollow noopener noreferrer " target = " _blank " > LocalBasemapsSource < \/ A > , que por sua vez adicionamos ao widget < A class = " link - titled " href = " https : \/ \/ developers . arcgis . com \/ javascript \/ latest \/ api - reference \/ esri - widgets - BasemapGallery . html " title = " https : \/ \/ developers . arcgis . com \/ javascript \/ latest \/ api - reference \/ esri - widgets - BasemapGallery . html " rel = " nofollow noopener noreferrer " target = " _blank " > BasemapGallery < \/ A > . < \/ P > < P > Siga este link para ver o resultado final deste exercício: < \/ P > < P > < A class = " link - titled " href = " https : \/ \/ twiav . nl \/ en \/ arcgis \/ javascript \/ arcgis_javascript_with_uk_data_os_basemapgallery.htm " title = " https : \/ \/ twiav . nl \/ en \/ arcgis \/ javascript \/ arcgis_javascript_with_uk_data_os_basemapgallery.htm " rel = " nofollow noopener noreferrer " target = " _blank " > ArcGIS JavaScript with UK data - OS Basemapgallery < \/ A > \u00a0 < \ / P > < P > < \ / P > < PRE class = \ class="punctuation token">,
"esri\/widgets\/BasemapGallery\/support\/LocalBasemapsSource"
], função(Map, Point, MapView, Basemap, BasemapGallery, LocalBasemapsSource) {

// Basemaps Esri UK
deixe OS_Open_Background_Esri_UK = novo Basemap({portalItem: {id: "a4ee9f2805754f4b9004103f67688bf1"}}); //OS Open Background
deixe OS_Open_Gray_Esri_UK = novo Basemap({portalItem: {id: "93320e50f3f3419795946b1243aadb1e"}}); //OS Open Grey
deixe OS_Open_Gray_Labels_Esri_UK = novo Basemap({portalItem: {id: "7be6d1f81ab047fda02107a97079ccd3"}}); //OS Open Grey Labels
deixe OS_Open_Carto_Esri_UK = novo Basemap({portalItem: {id: "0bd3a4a6fd674a90a7d0a9e5f36fb59b"}}); //OS Open Carto
deixe OS_Open_Raster_Esri_UK = novo Basemap({portalItem<\/html><\/SPAN><\/SPAN>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍<\/SPAN>‍
<<EMOJI_28>><\span><<EMOJI_29>><\span><<EMOJI_30>><\span><<EMOJI_31>><\span><<EMOJI_32>><\span><<EMOJI_33>><\span><<EMOJI_34>><\span><<EMOJI_35>><\span><<EMOJI_36>><\span><<EMOJI_37>><\span><<EMOJI_38>><\span><<EMOJI_39>><\span><<EMOJI_40>><\span><<EMOJI_41>><\span><<EMOJI_42>><\span><<EMOJI_43>><\span><<EMOJI_44>><\span><<EMOJI_45>><\span><<EMOJI_46>><\span><<EMOJI_47>><\span><<EMOJI_48>><\span><<EMOJI_49>><\span><<EMOJI_50>><\span><<EMOJI_51>><\span><<EMOJI_52>><\span><<EMOJI_53>><\span><<EMOJI_54>><\span><<EMOJI_55>><\span><<EMOJI_56>><\span><<EMOJI_57>><\span><<EMOJI_58>><\span><<EMOJI_59>><\span>
<< EM O J I _ 60 & gt ; & gt ; < \ span > < span > & lt ; & lt ; E M O J I _ 61 & gt ; & gt ; < \ span > < span > & lt ; & lt ; E M O J I _ 62 & gt ; & gt ; < \ span > < span > & lt ; & lt ; E M O J I _ 63 & gt ; & gt ; < \ span > < span > & lt ; & lt ; E M O J I _ 64 & gt ; & gt ; < \ span > < span > & lt ; & lt ; E M O J I _ 65 & gt ; & gt ; < \ span > < span > & lt ; & lt ; E M O J I _ 66 & gt ; & gt ; < \ span > < span > & lt ; & lt ; E M O J I _ 67 & gt ; & gt ; < \ / span >