ArcGIS JavaScript と 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>このシリーズの最初の演習<\/A>では、マップに単一のベースマップしかありませんでした。ここでは、ユーザーがベースマップを切り替えられるようにするBasemapGallery<\/A>を追加します。<\/P>

<\/P>

ご注意ください：ギャラリーに追加されるすべてのベースマップは同じ空間参照を持っている必要があります。そして、最初のベースマップがBritish National Gridで投影されているため、他のすべても同じ空間参照である必要があります。<\/P>

<\/P>

この要件を満たすベースマップを見つけました：<\/P>

OS Open Background<\/A><\/LI>OS Open Grey<\/A><\/LI>OS Open Grey Labels<\/> <\/> <\/> <\/> <\/> <\/> <\/> <\/> <\/> <\/> <\/> <\/> <\/> <\/> <\/> <\/> <\/> <\/> <\/> <\/> <\/> <\/> <\/> <\/> <\/> <\/> <\/>  
OS Open Carto
OS Open Rasters
GB Dark Grey

以下のコードでは、

,
"esri\/widgets\/BasemapGallery\/support\/LocalBasemapsSource"
], function(Map, Point, MapView, Basemap, BasemapGallery, LocalBasemapsSource) {

// Basemaps 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"}}); //OS Open Carto
let OS_Open_Raster_Esri_UK = new Basemap({<\/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>‍<\/</SPAN>‍