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; } } }

Začínáme s ArcGIS JavaScript - Přidání FeatureLayer

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 Nederland zveřejnila Feature Layer s nizozemskými obcemi (pro rok 2019)<\/A> prostřednictvím ArcGIS Online.<\/P>

<\/P>

Tuto vrstvu přidáme jako

FeatureLayer <\/A>do naší webové aplikace.<\/P>

<\/P>

Poté upravíme styl vrstvy použitím renderer<\/SPAN>. A definujeme popupTemplate<\/SPAN>, abychom mohli zobrazit údaje o obci v popup okně. Nakonec přidáme widget

LayerList<\/A>, aby uživatel mohl vrstvu zapínat a vypínat.<\/P>

<\/P>

Celý kód je uveden níže.

Klikněte zde pro zobrazení finálního výsledku v akci<\/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<\/>><\/>Začínáme s ArcGIS JavaScript - Přidání FeatureLayer

    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: "Gemeente {Gemeentenaam}",
        content: "Gemeentecode {GM_Code}"
      };

      var renderer = {
        type: "simple",  // autocasts as new SimpleRenderer()
        symbol: {
          type: "simple-fill",  // autocasts as new SimpleFillSymbol()
          style: "none"  class="punctuation token">, // Polygon nemá výplň
          outline: {  // automaticky se vytvoří jako nový SimpleLineSymbol()
            width: 1.5,
            color: "#F5B041" // Hexadecimální kód barvy
}
}
};

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"
      });
    });





‍‍‍‍‍‍‍‍‍‍
‍‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍
‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍
‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍
‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍
‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍
‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍
‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ <<EMOJI_79 >><< EM O J I _ 8 0 > >
<< EM O J I _ 8 1 > ><< EM O J I _ 8 2 >>

Najděte více příspěvků označených jako

Komentáře

There are no comments yet

Připojte se k diskusi

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Nový zde? Zaregistrujte si bezplatný účet.

Rychlé odkazy

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