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

Začínáme s ArcGIS JavaScript - přidání CSV souboru

Egge-Jan_Pollé

<\/HEAD>

<\/A>CSVLayer<\/H2>
<\/P>
V tomto cvičení přidáme bodové objekty z CSV souboru jako vrstvu do naší webové mapy. Použijeme k tomu malý soubor s informacemi o letištích v Nizozemsku (viz níže).<\/P>
<\/P>
V tomto příkladu je také ukázáno, jak se
CSVLayer<\/A><\/P>
přeprojektuje do jiného prostorového referenčního systému. Souřadnice ve vstupním souboru jsou ve WGS84, zatímco
naše základní mapa<\/A> (viz toto cvičení<\/A>) je v nizozemském projekčním systému (RD_New<\/STRONG>). Ale pozor: pro tuto přeprojekci nemusíte nic dělat navíc, protože to je automaticky interně zpracováno projection engine<\/A> na straně klienta.<\/P>
<\/P>
Použitý CSV soubor (
NL_Vliegvelden.csv<\/A>) je zde<\/A> a jeho obsah je zobrazen níže:<\/P>
<\/P>

Letiště<\/TD>	IATA<\/TD>	Severní šířka<\/TD>	Východní délka<\/TD><\/TR>
Amsterdam Airport Schiphol<\/TD>	AMS<\/TD>	52.308333<\/TD>	4.760833<\/TD><\/TR>
Rotterdam The Hague Airport<\/TD>	RTM<\td>	51.95 <\td>	4.433333 <\tr>
Groningen Airport Eelde <\td>	GRQ <\td>

maximum-scale=<\/SPAN>1, user-scalable=<\/SPAN>no"<\/SPAN><\/SPAN>><\/SPAN><\/SPAN>
<<\/SPAN>title<\/SPAN>><\/SPAN><\/SPAN>Začínáme s ArcGIS JavaScript - Přidání CSV souboru<\/<\/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>

<link rel="stylesheet" href="https://js.arcgis.com/4.11/esri/css/main.css">
<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, Point, MapView, CSVLayer, LayerList) {

var map = new Map({
basemap: {
portalItem: {
id: "7aea6fa913a94176a1074edb40690318" // Topo RD
}
}
});

var rdOrigin = new Point({
x: 155000,
y: 463000,
spatialReference: 28992
});

var view = new MapView({
spatialReference: 28992,
container: "viewDiv",
map: map,
center: rdOrigin,
zoom: 3
});

var symbol = {
type: "picture-marker", // autocasts as new PictureMarkerSymbol()
url: "airplane.png", // Aby se předešlo problémům s CORS u tohoto symbolu, proveďte jednu z následujících možností: 1) Ujistěte se, že je obrázek hostován na serveru s povoleným CORS;
// 2) Použijte obrázek hostovaný na stejné doméně jako aplikace; 3) Nainstalujte proxy.
width: "54px",
height: "54px"
};

var renderer = {
type: "simple",
symbol: symbol
};

var popupTemplate = { // autocasts as new PopupTemplate()
title: "{Vliegveld}",
content: "{*}"
};

var csvLayer = new CSVLayer({
url: "NL_Vliegvelden.csv", // Pokud CSV soubory nejsou na stejné doméně jako vaše webová stránka, je vyžadován server s povoleným CORS nebo proxy.
title: "Letiště v Nizozemsku",
longitudeField: "Oosterlengte",
latitudeField: "Noorderbreedte",
renderer: renderer,
popupTemplate: popupTemplate
});

map.< function">add(csvLayer)

var layerList = new LayerList({
view: view,
});

view.ui.add([layerList], "top-right");
});
</script>
</head>
<body>
<div id="viewDiv" > < / div </ Span > < Span Class = "Punctuation Token "> > </ Span ></ Span >
< / </ Span > body </ Span >< Span Class = "Punctuation Token "> > </ Span ></ Span >
< / </ Span > html </ Span >< Span Class = "Punctuation Token "> > </ Span ></ Span >‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍</span... (truncated for brevity) ...

Najděte více příspěvků označených jako

Komentáře

There are no comments yet

Připojte se k diskusi

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Nový zde? Zaregistrujte si bezplatný účet.

Rychlé odkazy

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