Começando com ArcGIS JavaScript - Adicionar arquivo CSV

Egge-Jan_Pollé

<\/HEAD>

<\/A>CSVLayer<\/H2>

<\/P>

Neste exercício, vamos adicionar pontos de um arquivo CSV como uma camada ao nosso mapa web. Para isso, usamos um pequeno arquivo com informações sobre aeroportos na Holanda (veja abaixo).<\/P>

<\/P>

Este exemplo também mostra como um

CSVLayer<\/A><\/P>

é reprojetado para outro sistema de referência espacial. As coordenadas no arquivo de entrada estão em WGS84, enquanto o

nosso mapa base<\/A> (veja este exercício<\/A>) está no sistema de projeção holandês (RD_New<\/STRONG>). Mas atenção: para esta reprojeção você não precisa fazer nada extra, pois isso é tratado automaticamente internamente pelo projection engine<\/A> do lado do cliente.<\/P>

<\/P>

O arquivo CSV usado (

NL_Vliegvelden.csv<\/A>) está aqui<\/A> e o conteúdo é mostrado abaixo:<\/P>

<\/P>

\/\/\/\/\/<\/>\/\/\/\/\/\/<\/>\/\/\/\/

Aeroporto<\/TD>	IATA<\/TD>	Latitude Norte<\/TD>	Longitude Leste<\/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
Eindhoven Airport	EIN	51.450278	5.374444
Maastricht Aachen Airport	MST	=<\/SPAN>1, user-scalable=<\/SPAN>no"<\/SPAN><\/SPAN>><\/SPAN><\/SPAN> <<\/SPAN>title<\/SPAN>><\/SPAN><\/SPAN>Começando com ArcGIS JavaScript - Adicionar arquivo CSV<\/<\/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> <<\/span>script<\/span> src<\/span>=<\/span>"<\/span>https:\/\/js.arcgis.com\/4.11\/"<\/span><\/spa... function">add<\/SPAN>(<\/SPAN>csvLayer)<\/SPAN> var<\/SPAN> layerList =<\/SPAN> new<\/SPAN> LayerList<\/SPAN>(<\/SPAN>{<\/SPAN> view:<\/SPAN> view,<\/SPAN> }<\/SPAN>)<\/SPAN>;<\/SPAN> view.<\/SPAN>ui.<\/SPAN>add<\/SPAN>(<\/SPAN>[<\/SPAN>layerList]<\/SPAN>,<\/SPAN> "top-right"<\/SPAN>)<\/SPAN>;<\/SPAN> }<\/SPAN>)<\/SPAN>;<\/SPAN> <\/<\/span>script<\/span>><\/span><\/span><\/span> <\/<\/span>head<\/span>><\/span><\/span> <<\/span>body<\/span>><\/span><\/span> <<\/span>div<\/span> id<\/span>=<\/span>"<\/span>viewDiv"<\/span><\/span>><\/span><\/span><\/<\/span>div<\/span>><\/span><\/span> <\/<\/span>body<\/span>><\/span><\/span> <\/<\/span>html<\/span>><\/span><\/span>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍<\/span>‍<\/span>‍<\/span>‍<\/span>‍<\/span>‍<\/span>‍<\/span>‍<\/span>‍<\/span>‍<\/span>‍<\/span>‍<\/span>‍<\/span>‍<\/span>‍<\/span>‍<\/span>‍</ span >< span >< < EMOJI_18 > > < / span >< span >< < EMOJI_19 > > < / span >< span >< < EMOJI_20 > > < / span >< span >< < EMOJI_21 > > < / span >< span >< < EMOJI_22 > > < / span >< span >< < EMOJI_23 > > < / span >< span >< < EMOJI_24 > > < / span >< span >< < EMOJI_25 > > < / span >< span >< < EMOJI_26 > > < / span >< span >< < EMOJI_27 > > < / span >< span >< < EMOJI_28 > > < / span >< span >< < EMOJI_29 > > < / span >< span >< < EMOJI_30 > > < / span >< span >< < EMOJI_31 > > < / span >< span >< < EMOJI_32 > > < / span >< span >< < EMOJI_33 > > < / span >< span >< < EMOJI_34 > > < / span >< span >< < EMOJI_35 > > < / span >< span >< < EMOJI_36 > > < / span >< span >< < EMOJI_37 > > < / span >< span >< < EMOJI_38 > > < / span >< span >< < EMOJI_39 > > < / span >< span >< < EMOJI_40 > > < / span >< span >< < EMOJI_41 > > < / span >< span >< < EMOJI_42 > > < / span >< span >< < EMOJI_43 > > </ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an ></ sp an >