nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

ArcGIS JavaScript mit UK-Daten - 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>Im ersten Übung dieser Serie<\/A> hatten wir nur eine einzelne Basemap in unserer Karte. Hier fügen wir eine BasemapGallery<\/A> hinzu, die es den Benutzern ermöglicht, zwischen Basemaps zu wechseln.<\/P>
<\/P>
Bitte beachten Sie: Alle zur Galerie hinzugefügten Basemaps müssen dieselbe räumliche Referenz haben. Und da unsere erste Basemap im British National Grid projiziert ist, sollten alle anderen dieselbe räumliche Referenz haben.<\/P>
<\/P>
Wir haben diese Basemaps gefunden, die diese Anforderung erfüllen:<\/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 > Im folgenden Code verwenden wir die < 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 > Klasse, um sechs Basemap - Objekte zu erstellen. Anschließend kombinieren wir diese Objekte in einer einzigen < 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 > , die wir wiederum dem < 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 > Widget hinzufügen. Folgen Sie diesem Link, um das Endergebnis dieser Übung zu sehen: < 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 mit UK-Daten - OS Basemapgallery < / A > < PRE class = " lia-code-sample line-numbers language-none " >< CODE ><!DOCTYPE html>
<html>
<head>
<meta charset=„utf-8„>
<meta name=„viewport„ content=„initial-scale=,
"esri\/widgets\/BasemapGallery\/support\/LocalBasemapsSource"
], Funktion(Map, Point, MapView, Basemap, BasemapGallery, LocalBasemapsSource) {

// Basemaps Esri UK
let OS_Open_Background_Esri_UK = neu Basemap({portalItem: {id: "a4ee9f2805754f4b9004103f67688bf1"}}); //OS Open Background
let OS_Open_Gray_Esri_UK = neu Basemap({portalItem: {id: "93320e50f3f3419795946b1243aadb1e"}}); //OS Open Grey
let OS_Open_Gray_Labels_Esri_UK = neu Basemap({portalItem: {id: "7be6d1f81ab047fda02107a97079ccd3"}}); //OS Open Grey Labels
let OS_Open_Carto_Esri_UK = neu Basemap({portalItem: {id: "0bd3a4a6fd674a90a7d0a9e5f36fb59b"}}); //OS Open Carto
let OS_Open_Raster_Esri_UK = neu Basemap({portalItem: {id: "5b5ff94ca7414a26b75e0d337a023d38"}}); //OS Open Rasters
Let GB_Dark_Grey_Esri_UK Span Class = "Operator Token "> = Span Class = "Keyword Token "> Neu Span Class = "Token Class-Name "> Basemap Span Class = "Punctuation Token "> ( Span Class = "Punctuation Token "> { Portalitem Span Class = "Punctuation Token "> : Span Class = "Punctuation Token "> { Id Span Class = "Punctuation Token "> : Span Class = "String Token "> " a118075240bc4e4f8062265ecdad0e7e " Span Class = "Punctuation Token "> } Span Class = "Punctuation Token "> } Span Class = "Punctuation Token "> ) Span Class = "Punctuation Token "> ; Span Class = "Comment Token "> //GB Dark Grey 

Let UKBasemaps Span Class = "Operator Token "> = Span Class = "Keyword Token "> Neu Span Class = "Token Class-Name "> LocalBasemapsSource Span Class = "Punctuation Token "> ( Span Class = "Punctuation Token "> { 
Basemaps Span Class = "Punctuation Token "> : [ OS_Open_Background_Esri_UK , OS_Open_Carto_Esri_UK , OS_Open_Gray_Esri_UK , OS_Open_Gray_Labels_Esri_UK , OS_Open_Raster_Esri_UK , GB_Dark_Grey_Esri_UK ]
SpAN CLASS= "PUNCTUATION TOKEN"} ) ;

SpAN CLASS= "KEYWORD TOKEN" LET MAP SPAN CLASS= "OPERATOR TOKEN"= SPAN CLASS= "KEYWORD TOKEN" NEW SPAN CLASS= "TOKEN CLASS-NAME" MAP SPAN CLASS= "PUNCTUATION TOKEN"( SPAN CLASS= "PUNCTUATION TOKEN"{ SPAN CLASS= "KEYWORD TOKEN" BASEMAP SPAN CLASS= "PUNCTUATION TOKEN": SPAN CLASS= "VARIABLE NAME" OS_OPEN_CARTO_ESRI_UK
SPAN CLASS= "PUNCTUATION TOKEN"} ) ;

SpAN CLASS= "KEYWORD TOKEN" LET VIEW SPAN CLASS= "OPERATOR TOKEN"= SPAN CLASS= "KEYWORD TOKEN" NEW SPAN CLASS= "TOKEN CLASS-NAME" MAPVIEW SPAN CLASS= "PUNCTUATION TOKEN"( SPAN CLASS= "PUNCTUATION TOKEN"{ SPAN CLASS= "KEYWORD TOKEN" SPATIALREFERENCE SPAN CLASS= "PUNCTUATION TOKEN": SPAN CLASS= "NUMBER TOKEN"27700 SPAN CLASS= "PUNCTUATION TOKEN",
CONTAINER SPAN CLASS= "PUNCTUATION TOKEN": SPAN CLASS= "STRING TOKEN"VIEWDIV SPAN CLASS= "PUNCTUATION TOKEN",
MAP SPAN CLASS= "PUNCTUATION TOKEN": MAP ,
CENTER SPAN CLASS= "PUNCTUATION TOKEN": SPAN CLASS= "KEYWORD TOKEN" NEW SPAN CLASS= "TOKEN CLASS-NAME" POINT SPAN CLASS= "PUNCTUATION TOKEN"( SPAN CLASS= "PUNCTUATION TOKEN"{ X SPAN CLASS= "PUNCTUATION TOKEN": SPAN CLASS= "NUMBER TOKEN"500000 , Y SPAN CLASS= "PUNCTUATION TOKEN": SPAN CLASS= "NUMBER TOKEN"500000 , SPATIALREFERENCE SPAN CLASS= "PUNCTUATION TOKEN": SPAN CLASS= "NUMBER TOKEN"27700 } ) ,
ZOOM SPAN CLASS= "PUNCTUATION TOKEN": SPAN CLASS= "NUMBER TOKEN"7
SpAn ClAsS ="PuNcTuAtIoN ToKeN"} ) ;

SpAn ClAsS ="KeYwOrD ToKeN" LeT BaSeMaPgAlLeRy SpAn ClAsS ="OpErAtOr ToKeN"=
SpAn ClAsS ="KeYwOrD ToKeN NeW BaSeMaPgAlLeRy SpAn ClAsS ="
PuNcTuAtIoN ToKeN( SpAn ClAsS ="
PuNcTuAtIoN ToKeN{ SpAn ClAsS ="
KeYwOrD ToKeN ViEw SpAn ClAsS ="
PuNcTuAtIoN ToKeN: ViEw ,
SoUrCe SpAn ClAsS ="
PuNcTuAtIoN ToKeN: UkBaSeMaPs
SpAn ClAsS ="
PuNcTuAtIoN ToKeN} ) ;

ViEw.Ui.AdD( [ BaSeMaPgAlLeRy ] ,
SpAn ClAsS ="
StRiNg ToKeN ToPrIgHt
PuNcTuAtIoN ToKeN) ;

SpAn ClAsS ="
PuNcTuAtIoN ToKeN} ) ;
SpAn ClAsS ="
PuNcTuAtIoN ToKeN; }">3C/script>
">3C/head>
">3C/body>
3C/div>
">3C/body>
<\/html><\/<\/SPAN>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍<\/‍<\/‍<\/‍<\/‍<\/‍<\/‍<\/‍<\/‍<\/‍<\/‍<\/‍<\/‍<\/‍<\/‍<\/‍<\/‍<\/‍<\/‍<\/‍<\/‍<\/‍<\/‍<\/‍<\/‍

Finde mehr Beiträge mit dem Tag

Kommentare

There are no comments yet

Nehmen Sie an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registrieren Sie ein kostenloses Konto.

Schnellzugriffe

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.