Leermiddel voor de Introduction to Web Development Using ArcGIS API for JavaScript<\/A> (IWEB) cursus onder leiding van een instructeur.<\/P><\/P>Zie IWEB Notes - Basic web page described<\/A> voor aanvullende informatie.<\/P><\/P>
<\/P>
Zie
<SPAN class="operator token"><<\/SPAN><SPAN class="operator token">!<\/SPAN>DOCTYPE html<SPAN class="operator token">><\/SPAN> <SPAN class="operator token"><<\/SPAN>html<SPAN class="operator token">><\/SPAN> <SPAN class="operator token"><<\/SPAN>head<SPAN class="operator token">><\/SPAN> <SPAN class="operator token"><<\/SPAN>meta charset<SPAN class="operator token">=<\/SPAN><SPAN class="string token">"utf-8"<\/SPAN><SPAN class="operator token">><\/SPAN> <SPAN class="operator token"><<\/SPAN>meta name<SPAN class="operator token">=<\/SPAN><SPAN class="string token">"viewport"<\/SPAN> content<SPAN class="operator token">=<\/SPAN><SPAN class="string token">"initial-scale=1,maximum-scale=1,user-scalable=no"<\/SPAN><SPAN class="operator token">><\/SPAN> <SPAN class="operator token"><<\/SPAN>title<SPAN class="operator token">><\/SPAN>Begin met MapView <SPAN class="operator token">-<\/SPAN> Maak een 2D kaart <SPAN class="operator token">-<\/SPAN> <SPAN class="number token">4.2<\/SPAN><SPAN class="operator token"><<\/SPAN><SPAN class="operator token">\/<\/SPAN>title<SPAN class="operator token">><\/SPAN> <SPAN class="operator token"><<\/SPAN><SPAN class="operator token">!<\/SPAN><SPAN class="operator token">--<\/SPAN> Laad stylesheets <SPAN class="operator token">--<\/SPAN><SPAN class="operator token">><\/SPAN> <SPAN class="operator token"><<\/SPAN>link rel<SPAN class="operator token">=<\/SPAN><SPAN class="string token">"stylesheet"<\/SPAN> href<SPAN class="operator token">=<\/SPAN><SPAN class="string token"><SPAN>"<\/SPAN><A class="jive-link-external-small" href="https:\/\/community.esri.com\/external-link.jspa?url=https%3A%2F%2Fjs.arcgis.com%2F4.2%2Fdijit%2Fthemes%2Fclaro%2Fclaro.css" target="_blank">https:\/\js.arcgis.com\4.2\dijit\themes\claro\claro.css<\/A><SPAN>"<\/SPAN><\/SPAN><SPAN class="operator token">><\/SPAN> <SPAN class="operator token"><<\/Span><span class='token operator'>!</span>-- Laad JS API vereiste stylesheet --> <span class='token operator'><</span>link rel<span class='token operator'>=</span> Map<SPANNING klasse=\"interpunctie-token\" >, </SPANNING > MapView <SPANNING klasse=\"interpunctie-token\" >) </SPANNING > <SPANNING klasse=\"interpunctie-token\" >{ </SPANNING > <SPANNING klasse=\"commentaar-token\" >// BOVENKANT van REQUIRE </SPANNING > <SPANNING klasse=\"commentaar-token\" >// maak de kaart aan </SPANNING > <SPANNING sleutelwoord-token\" >var </SPANNING > map <SPANNING operator-token\" >= </SPANNING > <SPANNING sleutelwoord-token\" >new </SPANNING > Map<SPANNING interpunctie-token\" >( </SPANNING ><SPANNING interpunctie-token\" >{ </SPANNING > basemap<SPANNING interpunctie-token\" >: </SPANNING > "streets" <SPANNING interpunctie-token\" >} </SPANNING ><SPANNING interpunctie-token\" ) </SPANNING ><SPANNING interpunctie-token\" ; </SPANNING > <SPANNING commentaar-token\" >// maak de 2D-weergave aan </SPANNING > var view = new MapView({ container: "viewDiv", map: map, zoom: 4, & nbsp; center: [15, 65] & nbsp; }); & nbsp;} ) ; // ONDERKANT van REQUIRE & nbsp;< / script > & nbsp;< / head > & nbsp;< body klasse = "claro"> & nbsp;< div id = "viewDiv">< / div> & nbsp;< / body> < / html> < SPAN klasse = "lijn-nummers-rijen">< SPAN >< EMOJI_1 >< / SPAN >< SPAN >< EMOJI_2 >< / SPAN >< SPAN >< EMOJI_3 >< / SPAN >< SPAN >< EMOJI_4 >< / SPAN >< SPAN >< EMOJI_5 >< / SPAN >< SPAN >< EMOJI_6 >< / SPAN >< SPAN >< EMOJI_7 >< / SPAN >< SPAN >< EMOJI_8 >< / SPAN >< SPAN >< EMOJI_9 >< / SPAN >< SPAN >< EMOJI_10 >< / SPAN >< SPAN >< EMOJI_11 >< / SPAN >< SPAN >< EMOJI_12 >< / SPAN >< SPAN >< EMOJI_13 >< / SPAN >< SPAN >< EMOJI_14 >< / SPAN >< SPAN >< EMOJI_15 >< / SPAN >< SPAN >< EMOJI_16 >< / SPAN >< SPAN >< EMOJI_17 >< / 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></translation>}}} id="toc-hId-1773758359" id="toc-hId-1773758359"><script src="<A href="https:\/\/js.arcgis.com\/4.3\/" target="_blank" rel="nofollow noopener noreferrer">https:\/\/js.arcgis.com\/4.3\/</A>"><\/script><\/H3><P>De tweede van de twee bronnen die nodig zijn om webmapping-applicaties te bouwen met de JavaScript API. Deze regel laadt de JavaScript API.<\/P><P><\/P><P><STRONG>Referenties: <\/STRONG><\/P><UL><LI>Handleiding > <A href="https:\/\/developers.arcgis.com\/javascript\/latest\/guide\/get-api\/index.html" rel="nofollow noopener noreferrer" target="_blank">Krijg de API<\/A><\/LI><\/UL><P><\/P><H3 id="toc-hId--778398602" id="toc-hId--778398602"><script> require( [...], function(...){...} );<\/script><\/H3><P>De require-instructie laadt de JavaScript API-modules die in de applicatie worden gebruikt. De require-instructie bestaat uit drie delen:<\/P><UL><LI>Een array van modules die in de applicatie worden gebruikt. De modules worden als strings gerefereerd, waarbij elke string het pad en de naam van de module aangeeft.<\/LI><LI>Een anonieme functie waarvan de parameters een lijst van aliassen zijn die overeenkomen met de lijst van modules. <\/LI><LI>De applicatiecode. Dit is de JavaScript API-code. <\/LI><\/UL><P>Terwijl elke module wordt geladen, wordt deze uitgevoerd en het resulterende object krijgt de alias toegewezen die is opgegeven in de parameterlijst van de anonieme functie. Volgorde is belangrijk. De modules en aliassen moeten in dezelfde volgorde staan, anders zal de applicatie zich op ongebruikelijke manieren gedragen. In het onderstaande voorbeeld wordt de "esri\/Map" module geladen, uitgevoerd en toegewezen aan de alias "Map" die wordt gebruikt in het codeblok van de anonieme functie om een instantie van een kaart te maken. (<A href="https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/sandbox\/index.html?sample=get-started-mapview" rel="nofollow noopener noreferrer" target="_blank">Open de code in Sandbox<\/A>)<\/P><P><\/P><BLOCKQUOTE class="jive_macro_quote jive-quote jive_text_macro"><PRE class="lia-code-sample line-numbers language-none"><CODE><SPAN class="operator token"><<\/SPAN>script<SPAN class="operator token">><\/SPAN> <SPAN class="token function">require<\/SPAN><SPAN class="punctuation token">(<\/SPAN><SPAN class="punctuation token">[<\/SPAN> <SPAN class="string token">"esri\/Map"<\/SPAN><SPAN class="punctuation token">,<\/SPAN> <SPAN class="string token">"esri\/views\/MapView"<\/SPAN><SPAN class="punctuation token">,<\/SPAN> <SPAN class="string token">"dojo\/domReady!"<\/SPAN> <SPAN class="punctuation token">]<\/SPAN><SPAN class="punctuation token">,<\/SPAN> <SPAN class="keyword token">function<\/SPAN><SPAN class="punctuation token">(<\/SPAN> Map<SPAN class="punctuation token">,<\/SPAN> MapView <SPAN class="punctuation token">)<\/SPAN> <SPAN class="punctuation token">{<\/SPAN> <SPAN class="comment token">\/_TOP of REQUIRE_<\/SPAN> <SPAN class="comment token">\/* * * Applicatiecode * *\/<\/SPAN> <SPAN class="punctuation token">}<\/SPAN><SPAN class="punctuation token">)<\/SPAN><SPAN class="punctuation token">;<\/SPAN> <SPAN class="comment token">\/_ BOTTOM of REQUIRE_<\/SPAN> <SPAN class="operator token"><<\/SPAN><SPAN class="operator token">\/<\/span>script<SPAN class="operator token">><\/span><span class="line-numbers-rows"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span>
Tip: Voeg een commentaar toe om het sluitende rechte accolade-rechte haakje ( }); ) te markeren. Het is niet ongebruikelijk om meerdere paren rechte accolade-rechte haakjes aan het einde van het codeblok te hebben. Het kwijtraken van welk welke is, te weinig of te veel hebben is een veelvoorkomende programmeerfout, gemakkelijk te verhelpen door een commentaar toe te voegen. <\/P>
Referenties:<\/STRONG><\/P>Dojo Toolkit > Tutorials >
Dojo Toolkit > Tutorials >
<\\/P\">
Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
