| ロッテルダム・ザ・ヘーグ空港<\/TD> | RTM< \/TD >< TD style = "font-size :11 pt;color:black;font-weight :400;text-decoration:none;border :0.5 ptsolidwhite;background:#ddebf7nonerepeatscroll0%0%;text-align:right ; " >51.95 < \/ TD >< TD style = "font-size :11 pt;color:black;font-weight :400;text-decoration:none;border-color:whitecurrentcolorwhitewhite;border-style :solidnonesolidsolid;border-width :0.5 ptmedium0.5 pt0.5 pt;background:#ddebf7nonerepeatscroll0%0%;text-align:right ; " >4.433333 < \/ TD >< \/ TR >< TR >< TD style = "font-size :11.0 pt;color:black;font-weight :400;text-decoration:none;border-top :.5 ptsolidwhite;border-right :.5 ptsolidwhite;border-bottom :.5 ptsolidwhite;border-left :none;background:#BDD7EE ; " >フローニンゲン・エールデ空港 < \/ TD >< TD style = "font-size :11.0 pt;color:black;font-weight :400;text-decoration:none;border :.5 ptsolidwhite;background:#BDD7EE ; " >GRQ < \/ TD >< TD style = "font-size :11 pt;color:black;font-weight :400;text-decoration:none;border :0.5 ptsolidwhite;background:#bdd7eenonerepeatscroll0%0%;text-align:right ; " >53.125 < \/ TD >< TD style = "font-size :11 pt;color:black;font-weight :400;text-decoration:none;border-color:whitecurrentcolorwhitewhite;border-style :solidsolidsolidsolid;border-width :0.5 ptmedium0.5 pt0.5 pt;background:#bdd7eenonerepeatscroll0%0%;text-align:right ; " >6.583333 < \/ TD >< \/ TR >< TR >< TD style = "font-size :11.0 pt;color:black;font-weight :400;text-decoration:none;border-top :.5 ptsolidwhite;border-right :.5 ptsolidwhite;border-bottom :.5 ptsolidwhite;border-left :none;background:#DDEBF7 ; " >アイントホーフェン空港 < \/ TD >< TD style = "font-size :11.0 pt;color:black;font-weight :400;text-decoration:none;border :.5 ptsolidwhite;background:#DDEBF7 ; " >EIN < \/ TD >< TD style = "font-size :11 pt;color:black;font-weight :400;text-decoration:none;border :0.5 ptsolidwhite;background:#ddebf7nonerepeatscroll0%0%;text-align:right ; " >51.450278 < \/ TD >< TD style = "font-size :11 pt;color:black;font-weight :400;text-decoration:none;border-color:whitecurrentcolorwhitewhite;border-style :solidsolidsolidsolid;border-width :0.5 ptmedium0.5 pt0.5 pt;background:#ddebf7nonerepeatscroll0%0%;text-align:right ; " >5.374444 < \/ TD >< \/ TR >< TR >< TD style = "font-size :11.0 pt;color:black;font-weight :400;text-decoration:none;border-top :.5 ptsolidwhite;border-right :.5 ptsolidwhite;border-bottom :none;border-left :none;background:#BDD7EE ; " >マーストリヒト・アーヘン空港 < \/ TD >< TD style = "font-size :11.0 pt;color:black;font-weight :400;text-decoration:none;border-top :.5 ptsolidwhite;border-right :.5 ptsolidwhite;border-bottom :none;border-left :.5 ptsolidwhite;background:#BDD7EE ; " >MST < \/ TD >< TD style = "font-size :11 pt;color:black;font-weight :400;text-decoration:none;border-color:whitewhitesolidsolid;background:#bdd7eenonerepeatscroll0%0%;text-align:right ; " >50.915833 < \/ TD >< TD style = "font-size :11 pt;color:black;font-weight :400;text-decoration:none;border-color:whitecurrentcolorcurrentcolorwhite;border-style :solidsolidsolidsolid;border-width :0.5 ptmediummedium0.5 pt;background:#bdd7eenonerepeatscroll0%0%;text-align:right ; " >5.776944 < \/ TD >< \/ TR >< \/ TBODY >< \/ TABLE >< P >私たちの空港のシンボルとしてこの画像を使用します：< \/ P >< P >< IMG alt = "空港アイコン" class = "image-2 jive-image j-img-original" src = "https:\/\ /twiav.nl/cursus/arcgis/javascript/images/airplane.png" title = "空港アイコン" \/ >< \/ P >< P >< \/ P >< P >注意：CSVファイルとPNG画像の両方にアクセスするには、これらのファイルがウェブサイトと同じドメイン上にあることを確認する必要があります（またはCORSをサポートするサーバー上にあるか、プロキシが設定されている必要があります...）< \/ P >< P >< \/ P >< P >ソースコードは以下にあります。 < A href = "https:\/\ /twiav.nl/cursus/arcgis/javascript/cursus_arcgis_javascript_csv_bestand_toevoegen.htm" rel = "nofollow noopener noreferrer" target = "_blank" >アプリケーションの動作を見るにはここをクリックしてください。< \/ 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 >
< SPAN class = "token tag" > < SPAN class = "token tag" > < SPAN class = "punctuation token" >< ;head>< \/ SPAN > < \/ SPAN > < \/ SPAN >
< SPAN class = "token tag" > < SPAN class = "token tag" > < SPAN class = "punctuation token" >< ;meta charset=\"utf-8\">< \/ SPAN > < \/ SPAN >
< SPAN class = "token tag" > < SPAN class = "token tag" > < SPAN class = "punctuation token" >< ;meta name=\"viewport\" content=\"initial-scale=1, maximum-scale=<\/SPAN>1, user-scalable=<\/SPAN>no"<\/SPAN><\/SPAN>><\/SPAN><\/SPAN>
<<\/SPAN>title<\/SPAN>><\/SPAN><\/SPAN>ArcGIS JavaScript の使い方 - 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>
<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<\/span> src<\/span>=<\/span>"<\/span>https:\/\/js.arcgis.com\/4.11\/"<\/span><\/span>><\/span><\/span><\/<\/span>script><\/<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", // このシンボルで CORS 問題を回避するには、次のいずれかを行ってください：1) イメージが CORS 対応サーバーにホストされていることを確認する；
// 2) アプリケーションと同じドメインにホストされているイメージを使用する；3) プロキシをインストールする。
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", // CSV ファイルがウェブサイトと同じドメインにない場合は、CORS 対応サーバーまたはプロキシが必要です。
title: "Vliegvelden in Nederland",
longitudeField: "Oosterlengte",
latitudeField: "Noorderbreedte",
renderer: renderer,
popupTemplate: popupTemplate
});
map.< 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><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/><\/> |
