nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Erste Schritte mit ArcGIS JavaScript - FeatureLayer hinzufügen

Egge-Jan_Pollé

<\/HEAD>

<\/A>https:\/\/community.esri.com\/people\/EPolle_TensingInternational\/blog\/2019\/06\/02\/aan-de-slag-met-arcgis-javascript-inleiding<\/A><\/P>

<\/H2>FeatureLayer<\/H2><\/P>Esri Niederlande hat einen Feature Layer mit niederländischen Gemeinden (für das Jahr 2019)<\/A> über ArcGIS Online veröffentlicht.<\/P>

<\/P>

Diesen Layer fügen wir als

FeatureLayer <\/A> zu unserer Webanwendung hinzu.<\/P>

<\/P>

Anschließend passen wir den Stil des Layers durch Anwendung eines renderer<\/SPAN> an. Und wir definieren eine popupTemplate<\/SPAN>, um Daten über die Gemeinde in einem Popup anzeigen zu können. Schließlich fügen wir ein

LayerList<\/A> Widget hinzu, damit man den Layer ein- und ausschalten kann.<\/P>

<\/P>

Der vollständige Code steht unten.

Klicken Sie hier, um das Endergebnis in Aktion zu sehen<\/A>.<\/P>

<\/P>

<!DOCTYPE html><\/><<\/>html<\/>><\/><\/><<\/>head<\/>><\/><\/>  <meta charset=\"utf-8\"><\/>  <meta name=\"viewport\" content=\"initial-scale=1, maximum-scale=1, user-scalable=no\"><\/>  <title><\\>Erste Schritte mit ArcGIS JavaScript - FeatureLayer hinzufügen<\\>/title><\\>  html, body, #viewDiv {padding: 0;margin: 0;height: 100%;width: 100%;}          require([      \"esri/Map\",      \"esri/geometry/Point\",      \"esri/views/MapView\",      \"esri/layers/FeatureLayer\",      \"esri/widgets/LayerList\"    ], function(Map, Point, MapView, FeatureLayer, LayerList) {      var map = new Map({        basemap: {          portalItem: {            id: \"7aea6fa913a94176a1074edb40690318\" // Topo RD          }        }      });      var popupTemplate = { // autocasts as new PopupTemplate()        title: \"Gemeinde {Gemeentenaam}\",        content: \"Gemeindecode {GM_Code}\"      };      var renderer = {        type: \"simple\",  // autocasts as new SimpleRenderer()        symbol: {          type: \"simple-fill\",  // autocasts as new SimpleFillSymbol()          style: \"none\"  class="punctuation token">, // Das Polygon hat keine Füllung
          outline: {  // wird automatisch als neues SimpleLineSymbol() interpretiert
            width: 1.5,
            color: "#F5B041" // Hex-Farbcode
}
}
};

var nederlandseGemeentenLayer = new FeatureLayer({
        url: "https://services.arcgis.com/nSZVuSZjHpEZZbRo/arcgis/rest/services/Bestuurlijke_Grenzen_Gemeenten_2019/FeatureServer/0",
        title: "Gemeenten (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"
      });
    });



  <div id="

Finde mehr Beiträge mit dem Tag

Kommentare

There are no comments yet

Nehmen Sie an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registrieren Sie ein kostenloses Konto.

Schnellzugriffe

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.