ArcGIS JavaScript s daty z UK - 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>V prvním cvičení této série<\/A> jsme měli v naší mapě pouze jednu základní mapu. Zde přidáme BasemapGallery<\/A>, která uživatelům umožní přepínat základní mapy.<\/P>

<\/P>

Upozornění: všechny základní mapy přidané do galerie musí mít stejný prostorový odkaz. A protože naše první základní mapa je projekcí British National Grid, všechny ostatní by měly mít stejný prostorový odkaz.<\/P>

<\/P>

Našli jsme tyto základní mapy, které splňují tuto podmínku:<\/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 > V kódu níže používáme třídu < 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 > k vytvoření šesti objektů základních map. Dále tyto objekty kombinujeme do jednoho < 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 > , který následně přidáme do widgetu < 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 > Sledujte tento odkaz, abyste viděli konečný výsledek tohoto cvičení: < / P > < P > < A class = class="punctuation token">,
"esri\/widgets\/BasemapGallery\/support\/LocalBasemapsSource"
], function(Map, Point, MapView, Basemap, BasemapGallery, LocalBasemapsSource) {

// Podkladové mapy Esri UK
let OS_Open_Background_Esri_UK = new Basemap({portalItem: {id: "a4ee9f2805754f4b9004103f67688bf1"}}); //OS Open Background
let OS_Open_Gray_Esri_UK = new Basemap({portalItem: {id: "93320e50f3f3419795946b1243aadb1e"}}); //OS Open Grey
let OS_Open_Gray_Labels_Esri_UK = new Basemap({portalItem: {id: "7be6d1f81ab047fda02107a97079ccd3"}}); //OS Open Grey Labels
let OS_Open_Carto_Esri_UK = new Basemap({portalItem: {id: "0bd3a4a6fd674a90a7d0a9e5f36fb59b"}} </ span > ) ; </ span > < spanclass = " commenttoken " > //OS Open Carto </ span >
< spanclass = " keywordtoken " > let </ span > OS_Open_Raster_Esri_UK < spanclass = " operatortoken " > = </ span > < spanclass = " keywordtoken " > new </ span > < spantokenclass = " tokentoken -classname " > Basemap </ span >< spanclass = " punctuationtoken " > ( { </ span > portalItem< spanclass = " punctuationtoken " > : </ span > { id< spanclass = " punctuationtoken " > : </ span > class="punctuation token"><\/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>‍