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; } } }

Erste Schritte mit ArcGIS JavaScript - CSV-Datei hinzufügen

Egge-Jan_Pollé

<\/HEAD>

<\/A>CSVLayer<\/H2>
<\/P>
In dieser Übung fügen wir Punktobjekte aus einer CSV-Datei als Layer zu unserer Webkarte hinzu. Dafür verwenden wir eine kleine Datei mit Informationen über Flughäfen in den Niederlanden (siehe unten).<\/P>
<\/P>
In diesem Beispiel wird auch gezeigt, wie ein
CSVLayer<\/A><\/P>
in ein anderes räumliches Referenzsystem reprojiziert wird. Die Koordinaten in der Eingabedatei sind in WGS84, während
unsere Basiskarte<\/A> (siehe diese Übung<\/A>) im niederländischen Projektsystem (RD_New<\/STRONG>) ist. Aber Achtung: Für diese Reprojektion musst du nichts extra tun, da dies automatisch intern von der projection engine<\/A> auf der Client-Seite gehandhabt wird.<\/P>
<\/P>
Die verwendete CSV-Datei (
NL_Vliegvelden.csv<\/A>) befindet sich hier<\/A> und der Inhalt wird unten angezeigt:<\/P>
<\/P>

Flughafen<\/TD>	IATA<\/TD>	Breitengrad<\/TD>	Längengrad<\/TD><\/TR>
Amsterdam Airport Schiphol<\/TD>	AMS<\/TD>	52.308333<\/TD>	4.760833<\/TD><\/TR>
Rotterdam The Hague Airport<\/TD>	RTM<\/TD>	51.95<\/>	4.433333<\/>
Groningen Airport Eelde<\/>	GRQ<\/>	53.125<\/>	6.583333<\/>
=<\/SPAN>1, user-scalable=<\/SPAN>no"<\/SPAN><\/SPAN>><\/SPAN><\/SPAN> <<\/SPAN>title<\/SPAN>><\/SPAN><\/SPAN>Erste Schritte mit ArcGIS JavaScript - CSV-Datei hinzufügen<\/<\/span>title<\/SPAN>><\/SPAN><\/SPAN> <<\/span>style<\/span>><\/span><\/span> html, body, #viewDiv<\/span> {<\/span> padding<\/span>:<\/span> 0;<\/span> margin<\/span>:<\/span> 0;<\/span> height<\/span>:<\/span> 100%;<\/span> width<\/span>:<\/span> 100%;<\/span> }<\/span> <\/<\/span>style<\/span>><\/span><\/span><\/span> <<\/span>link<\/span> rel<\/span>=<\/span>"<\/span>stylesheet"<\/span><\/span> href<\/span>=<\/span>"<\/span>https:\/\/js.arcgis.com\/4.11\/esri\/css\/main.css"<\/span><\/span>><\/span><\/span> <script Src ="https://js.arcgis.com/4.11/"></script> <script> require([ "esri/Map", "esri/geometry/Point", "esri/views/MapView", "esri/layers/CSVLayer", "esri/widgets/LayerList" ], function(Map,</ Span > Point,</ Span > MapView,</ Span > CSVLayer,</ Span > LayerList)</ Span > < Span Class = "Punctuation Token ">{ </ Span > < Span Class = "Keyword Token ">var </ Span > map < Span Class = "Operator Token ">=< / Span > < Span Class = "Keyword Token ">new </ Span > < Span Class = "Token Class-Name ">Map </ Span >< Span Class = "Punctuation Token ">( </ Span >< Span Class = "Punctuation Token ">{ </ Span > basemap:< / span> { portalItem:< / span> { id:< / span> < Span Class = function">add(csvLayer) var layerList = new LayerList({ view: view, }); view.ui.add([layerList], "oben-rechts"); }); </script> </head> <body> <</SPA...

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.