| Aeropuerto Rotterdam La Haya<\/TD> | RTM<\/TD> | 51.95<\/TD> | 4.433333< \/TD >< \/TR >< \/TBODY >< \/TABLE >< P > Como símbolo para nuestros aeropuertos usamos esta imagen:< \/P >< P >< IMG alt = "Icono de aeropuerto " class = "image-2 jive-image j-img-original " src = "https:\/ \/twiav.nl \/cursus \/arcgis \/javascript \/images \/airplane.png " title = "Icono de aeropuerto " \/ >< \/P >< P >< \/P >< P > Atención : para acceder tanto al archivo CSV como a la imagen PNG, debes asegurarte de que estos archivos estén en el mismo dominio que el sitio web (o deben estar en un servidor que soporte CORS o debe configurarse un proxy...) < \/P >< P >< \/P >< P > El código fuente está abajo. < A href = "https:\/ \/twiav.nl \/cursus \/arcgis \/javascript \/cursus_arcgis_javascript_csv_bestand_toevoegen.htm " rel = "nofollow noopener noreferrer " target = "_blank " > Haz clic aquí para ver la aplicación en acción.< \/A >< \/P >< P >< \/P >< P >< \/P >< PRE class = "lia-code-sample line-numbers language-none " >< CODE >< SPAN class = "doctype token " >< ;!DOCTYPE html>< \/SPAN >
< SPAN class = "token tag " >< SPAN class = "token tag " >< SPAN class = "punctuation token " >< ;html>< \/SPAN > < \/SPAN >
< SPAN class = "token tag " >< SPAN class = "token tag " >< ;head>< \/SPAN > < \/SPAN >
< SPAN class = "token tag " >< SPAN class = "token tag " >< ;meta charset=\"utf-8\">< \/SPAN > < \/SPAN >
< SPAN class = "token tag " >< SPAN class = "token tag " >< ;meta name=\"viewport\" content=\"initial-scale=1, maximum-scale=<\/SPAN>1, user-scalable=<\/SPAN>no"<\/SPAN><\/SPAN>><\/SPAN><\/SPAN>
<<\/SPAN>title<\/SPAN>><\/SPAN><\/SPAN>Comenzando con ArcGIS JavaScript - Añadir archivo 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><\/span> href<\/span>=<\/span>"<\/span>https:\/\/js.arcgis.com\/4.11\/esri\/css\/main.css<\/span>"<\/span><\/span>><\/span><\/span>
<<\/span>script<\/span> src<\/span>=<\/span>"<\/span>https:\/\/js.arcgis.com\/4.11\/<\/span>"<\/span><\/span>><\/span><\/span><\/<\/span>script<\/span>><\/span><\/span><\/span>
< / Span > Script < / Span > < / Span >
Require < / Span > < Span Class= "Punctuation Token ">(</ Span >< Span Class= "Punctuation Token ">[</ Span >
"esri / Map " </ Span >< Span Class= "Punctuation Token ">,</ Span >
"esri / geometry / Point " </ Span >< Span Class= "Punctuation Token ">,</ Span >
"esri / views / MapView " </ Span >< Span Class= "Punctuation Token ">,</ Span >
"esri / layers / CSVLayer " </ span >< span Class= "Punctuation Token ">,</ span >
"esri / widgets / LayerList " </ span >
< Span Class= "Punctuation Token ">,</ Span > < Keyword Token > Function </ Keyword Token >< Span Class= "Punctuation Token ">(</ Span >Map,</ span > Point,</ span > MapView,</ span > CSVLayer,</ span > LayerList)</ span > < Punctuation Token > { </ Punctuation Token >
Var </ Keyword Token > map < Operator Token >=</ Operator Token > New </ Keyword Token > Map(</ span >< Punctuation Token > { </ Punctuation Token >
basemap:</ span > {
portalItem:</ span > {
id:</ span > "7aea6fa913a94176a1074edb40690318"</ String Token> // Topo RD
}
}
} ) ;
Var rdOrigin < Operator Token >=</ Operator Token > New Point(</ span >< Punctuation Token > { </ Punctuation Token >
x:</ span > 155000 ,
y:</ span > 463000 ,
spatialReference:</ span > 28992
} ) ;
Var view < Operator Token >=</ Operator Token > New MapView(</ span >< Punctuation Token > { </ Punctuation Token >
spatialReference:</ span > 28992 ,
container:</ span > "viewDiv" ,
map:</ span > map ,
center:</ span > rdOrigin ,
zoom:</ span > 3
} ) ;
Var symbol < Operator Token >=</ Operator Token > {
type:</ span > "picture-marker" , // autocasts as new PictureMarkerSymbol()
url:</ span > "airplane.png" , // Para evitar problemas de CORS con este símbolo, haga una de las siguientes: 1) Asegúrese de que la imagen esté alojada en un servidor habilitado para CORS;
// 2) Use una imagen alojada en el mismo dominio que la aplicación; 3) Instale un proxy.
width:</ span > "54px" ,
height:</ span > "54px"
} ;
Var renderer < Operator Token >=</ Operator Token > {
type:</ span > "simple" ,
symbol:</ span > symbol
} ;
Var popupTemplate < Operator Token >=</ Operator Token > { // autocasts as new PopupTemplate()
title:</ span > "{Vliegveld}" ,
content:</ span > "{*}"
} ;
Var csvLayer < Operator Token >=</ Operator Token > New CSVLayer(</ span >< Punctuation Token > { </ Punctuation Token >
url:</ span > "NL_Vliegvelden.csv" , // Si los archivos CSV no están en el mismo dominio que su sitio web, se requiere un servidor habilitado para CORS o un proxy.
title:</ span > "Vliegvelden in Nederland" ,
longitudeField:</ span > "Oosterlengte" ,
latitudeField:</ span > "Noorderbreedte" ,
renderer:</ span > renderer ,
popupTemplate:</ span > popupTemplate
} ) ;
map. función">add(csvLayer)
var layerList = nuevo LayerList({
view: view,
});
view.ui.add([layerList], "top-right");
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>{<<emojI_34>>}{<<emojI_35>>}{<<emojI_36>>}{<<emojI_37>>}{<<emojI_38>>}{<<emojI_39>>}{<<emojI_40>>}{<<emojI_41>>}{<<emojI_42>>}{<<emojI_43>>}{<<emojI_44>>}{<<emojI_45>>}{<<emojI_46>>}{<<emojI_47>>}{<<emojI_48>>}{<<emojI_49>>}{<<emojI_50>>}{<<emojI_51>>}{<<emojI_52>>}{<<emojI_53>>}{<<emojI_54>>}{<<emojI_55>>}{<<emojI_56>>}{<<emojI_57>>}{<<emojI_58>>}{<<emojI_59>>}{<<emojI_60>>}{<<emojI_61>>}{<<emojI_62>>}{<<emojI_63>>}{<<emojI_64>>}{<<emojI_65>>}{<<emojI_66>>}{<<emojI_67>>}{<<emojI_68>>}{<<emojI_69>>}{<<emojI_70>>}{<<emojI_71>>}{<<emojI_72>>}{<<emojI_73>>}{<<emojI_74>>}{<<emojI_75>>}{<<emojI_76>>}{<<emojI_77>>}} { <<emoji79>} { <<emoji80>} { <<emoji81>} { <<emoji82>} { <<emoji83>} { <<emoji84>} { <<emoji85>} { <<emoji86>} { <<emoji87>} { <<emoji88>} { <<emoji89>} { <<emoji90>} |
