Renderovat, Uložit, Ukončit den

ReneRubalcava

<\/HEAD>

<\/P>

Nedávno jsem trochu mluvil o některých vizualizačních nástrojích v ArcGIS API pro JavaScript. Nedávné verze představily Smart Mapping<\/A>, který odstraňuje část nejistoty při generování rendererů na základě vašich dat. Také představili několik opravdu skvělých funkcí, které se zabývají mícháním barev<\/A> na základě dat ve vaší mapě. Dochází to do bodu, kdy vývojáři nebudou mít mnoho výmluv pro ošklivé mapy<\/EM>.<\/P><\/P>Jedna věc, kterou jsem viděl zmíněnou na EsriUC minulý týden<\/A>, byla myšlenka použít Smart Mapping k vytvoření vašeho rendereru, trochu si s ním pohrát a použít ho k vygenerování JSON rendereru, který můžete později použít bez nutnosti volat nástroje Smart Mapping. To je zcela možné, ale trochu nejasné, jak byste to mohli udělat. Podívejme se tedy na pár technik, které byste mohli chtít použít.<\/P>

<\/P>

Uložit lokálně<\/H2>Takže možná vaše aplikace umožňuje uživateli provádět dotazy nad daty a aktualizovat renderer na základě tohoto dotazu. Ukázka přímo z dokumentace by mohla vypadat takto<\/A>. Můžete však přidat pár dalších funkcí do této ukázky a uložit renderer do localStorage. podobně jako byste mohli s Features<\/A>. Tyto pomocné funkce by mohly vypadat nějak takto.<\/P>

<\/P>

function saveLocal(data, field) {
  var key = location.pathname + '-' + field;
  localStorage.setItem(key, JSON.stringify(data));
}

function getLocal(field) {
  var key = location.pathname + '-' + field;
  var data = localStorage.getItem(key);
  if (data) {
    return JSON.parse(data);
  } else {
    return null;
  }
}<\/PRE><\/P>Pak když nastavíte Smart Mapping, můžete zkontrolovat localStorage pro existující renderer a jednoduše použít tento uložený renderer, čímž Smart Mapping úplně obejdete.<\/P><\/P>function createRenderer(field) {
  \/\/_smart mapping functionality begins
  var data = getLocal(field);
  if (data) {
    console.log('načíst renderer z localStorage');
    layer.setRenderer(jsonUtils.fromJson(data));
    layer.redraw();
    createLegend(map, layer, field);
  } else {
    smartMapping.createClassedColorRenderer({
      layer: layer,
      field: field,
      basemap: map.getBasemap(),
      classificationMethod: "quantile"
    }).then(function (response) {
      console.log('uložit renderer do localStorage');
      saveLocal(response.renderer.toJson(), field);
      layer.setRenderer(response.renderer);
      layer.redraw();
      createLegend(map, layer, field);
    });
  }
}<\/PRE><\/P>To je docela skvělé.<\/EM> Data v této ukázce nejsou příliš složitá, ale můžete si představit, že pokud máte velký dataset, může trvat sekundu nebo dvě, než Smart Mapping vygeneruje renderer a tato metoda může vaši aplikaci optimalizovat. Zde je 

plná ukázka<\/A> této aplikace v akci.<\/P>

<\/P>

Vytvořit testovací aplikaci<\/H2>Další skvělá věc, kterou můžete udělat, je vytvořit testovací aplikaci podobnou této ukázce<\/A>. Poté můžete přidat <pre><\/SPAN> tag na vaši stránku a aktualizovat jej JSONem rendererů pokaždé, když se aktualizují. Kód může vypadat nějak takto.<\/P><\/P>var data = colorRenderer.renderer.toJson();
var js = JSON.stringify(data, null, 2);
document.getElementById('results').innerHTML = js;<\/PRE><\/P>Nyní tedy můžete tento JSON přímo zkopírovat ze své webové stránky a použít ho v lokální konfiguraci, která může používat webmap spec<\/A>. Už nemusíte mít obavy z používání Smart Mapping ve výrobní aplikaci, která to možná nepotřebuje – stačí jí jen ty hezky vypadající renderery, které může generovat. Zde je demo aplikace<\/A>, která ukazuje jak byste to mohli udělat.<\/P>

<\/>\

Jdi domů<\/>\

Takže tady to máte, nyní máte pár způsobů jak generovat své renderery, ukládat je a používat je ve svých aplikacích pro optimalizaci výkonu podle potřeby. Vizualizační nástroje v ArcGIS API pro JavaScript ušly za ta léta dlouhou cestu a myslím si, že dávají vývojářům docela dobré zdroje pro vytváření hezky vypadajících map pro jejich aplikace.<\/>\

Jste hotovi, teď už můžete jít domů.<\/>\

Pro více tipů a triků z geodev světa navštivte můj blog<\/>\.<\/>\<\/>\