<\/A>https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2019\/06\/02\/aan-de-slag-met-arcgis-javascript-inleiding<\/A><\/P>
<\/P>
We will add this layer as a
Next, we adjust the style of the layer by applying a renderer<\/SPAN>. And we define a popupTemplate<\/SPAN> to display information about the municipality in a popup. Finally, we add a
The complete code is below.
<!DOCTYPE html><\/><<\/>html<\/>><\/><\/><<\/>head<\/>><\/><\/><<\/>meta<\/> charset<\/>=<\/>"<\/>utf-8"<\/><\/>><\/><\/><<\/>meta<\/> name<\/>=<\/>"<\/>viewport"<\/><\/> content<\/>=<\/>"<\/>initial-scale=<\/>1, maximum-scale=<\/>1, user-scalable=<\/>no"<\/><\/>><\/><\/><<\/>title<\/>><\/>Getting started with ArcGIS JavaScript - Adding FeatureLayer, // The polygon has no fill outline: { // autocasts as new SimpleLineSymbol() width: 1.5, color: "#F5B041" // Hex Color Code}}};var nederlandseGemeentenLayer = new FeatureLayer({ url: "https://services.arcgis.com/nSZVuSZjHpEZZbRo/arcgis/rest/services/Bestuurlijke_Grenzen_Gemeenten_2019/FeatureServer/0", title: "Municipalities (2019)", popupTemplate: popupTemplate, renderer: renderer}); map.add(nederlandseGemeentenLayer);var view = new MapView({ spatialReference: 28992, container: "viewDiv", map: map, center: new Point({x: 155000, y: 463000, spatialReference: 28992}), zoom: 3}); var layerList = new LayerList({ view: view }); view.ui.add(layerList, { position: "top-right" }); });<<EMOJI_0>><<EMOJI_1>><<EMOJI_2>><<EMOJI_3>><<EMOJI_4>><<EMOJI_5>><<EMOJI_6>><<EMOJI_7>><<EMOJI_8>><<EMOJI_9>><<EMOJI_10>><<EMOJI_11>><<EMOJI_12>><<EMOJI_13>><<EMOJI_14>><<EMOJI_15>><<EMOJI_16>><<EMOJI_17>><<EMOJI_18>><<EMOJI_19>><<EMOJI_20>><<EMOJI_21>><<EMOJI_22>><<EMOJI_23>><<EMOJI_24>><<EMOJI_25>><<EMOJI_26>><<EMOJI_27>><<EMOJI_28>><<EMOJI_29>><<EMOJI_30>><<EMOJI_31>><<EMOJI_32>><<EMOJI_33>><<EMOJI_34>><<EMOJI_35>><<EMOJI_36>></ span >< span >& lt ; & lt ; EM OJ I _37 & gt ; & gt ; </ span >< span >& lt ; & lt ; EM OJ I _38 & gt ; & gt ; </ span >< span >& lt ; & lt ; EM OJ I _39 & gt ; & gt ; </ span >< span >& lt ; & lt ; EM OJ I _40 & gt ; & gt ; </ span >< span >& lt ; & lt ; EM OJ I _41 & gt ; & gt ; </ span >< span >& lt ; & lt ; EM OJ I _42 & gt ; & gt ; </ span >< span >& lt ; & lt ; EM OJ I _43 & gt ; & gt ; </ span >< span >& lt ; & lt ; EM OJ I _44 & gt ; & gt ; </ span >< span >& lt ; & lt ; EM OJ I _45 & gt ; & gt ; </ span >< span >& lt ; & lt ; EM OJ I _46 & gt ; & gt ; </ span >< span >& lt ; & lt ; EM OJ I _47 & gt ; & gt ; </ span >< span >& lt ; & lt ; EM OJ I _48 & gt ; & gt ; </ span >< span >& lt ; & lt ; EM OJ I _49 & gt ; & gt ; </ span >< span >& lt ; & lt ; EM OJ I _50 & gt ; & gt ; </ span >< span >& lt ; & lt ; EM OJ I _51 & gt ; & gt ; </ span >< span >& lt ; & lt ; EM OJ I _52 & gt ; & gt ; </ span >< span >& lt ; & lt ; EM OJ I _53 & gt ; & gt ; </ span >< span >& lt ; & lt ; EM OJ I _54 & gt ; & gt ; </ span >< span >& lt ; & lt ; EM OJ I _55 & gt ; & gt ; </ span >< span >& lt ; & lt ; EM OJ I _56 & gt ; & gt ; </ span >< span >& lt ;; < / s p a n >
Signed in members can post, follow updates, and more. New here? Register a free account.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.