Renderizar, Salvar, Dar o Dia por Encerrado

ReneRubalcava

<\/HEAD>

<\/P>

Recentemente, falei um pouco sobre algumas das ferramentas de visualização na ArcGIS API for JavaScript. Lançamentos recentes introduziram Smart Mapping<\/A>, que elimina algumas das suposições ao gerar renderizadores baseados nos seus dados. Eles também introduziram alguns recursos muito legais que lidam com mistura de cores<\/A> baseada nos dados do seu mapa. Está chegando a um ponto em que os devs não terão muitas desculpas para mapas feios<\/EM>.<\/P><\/P>Uma coisa que vi mencionada no EsriUC na semana passada<\/A> foi a ideia de usar Smart Mapping para gerar seu renderizador, experimentar um pouco e usá-lo para gerar o JSON do renderizador que você pode usar depois sem precisar invocar as ferramentas Smart Mapping. Isso é totalmente possível, mas um pouco incerto sobre como você poderia fazer isso. Então vamos dar uma olhada em algumas técnicas que você pode querer usar.<\/P>

<\/P>

Salve localmente<\/H2>Então talvez seu app permita que o usuário faça algumas consultas nos dados e atualize o renderizador baseado nessa consulta. Um exemplo direto da documentação poderia ser este<\/A>. Bem, você pode adicionar mais algumas funções a este exemplo e salvar o renderizador no localStorage. semelhante a como você poderia com Features<\/A>. Essas funções auxiliares poderiam ser algo assim.<\/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>Então, quando você configurar o Smart Mapping, poderia verificar o localStorage para um renderizador existente e simplesmente usar esse renderizador salvo, ignorando completamente o Smart Mapping.<\/P><\/P>function createRenderer(field) {
  \/\/_smart mapping functionality begins
  var data = getLocal(field);
  if (data) {
    console.log('carregar renderizador do 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('salvar renderizador no localStorage');
      saveLocal(response.renderer.toJson(), field);
      layer.setRenderer(response.renderer);
      layer.redraw();
      createLegend(map, layer, field);
    });
  }
}<\/PRE><\/P>Agora, isso é bem legal.<\/EM> Os dados neste exemplo não são muito complicados, mas você pode imaginar se tivesse um conjunto de dados grande, poderia levar um segundo ou mais para o Smart Mapping gerar o renderizador e este método poderia ser uma dose de otimização para seu app. Aqui está uma 

demonstração completa<\/A> desta aplicação em ação.<\/P>

<\/P>

Crie um App de Teste<\/H2>Outra coisa legal que você poderia fazer é criar um app de teste semelhante a este exemplo<\/A>.  Então você pode adicionar uma tag <pre><\/SPAN> à sua página e atualizá-la com o JSON dos renderizadores quando ele for atualizado. O código pode ser algo assim.<\/P><\/P>var data = colorRenderer.renderer.toJson();
var js = JSON.stringify(data, null, 2);
document.getElementById('results').innerHTML = js;<\/PRE><\/P>Então agora, você pode copiar e colar esse JSON diretamente da sua página web e usá-lo em uma configuração local que possa usar a especificação webmap<\/A>. Agora você não precisa se preocupar em usar Smart Mapping em um app de produção que talvez não precise dele, só precisa dos renderizadores com aparência legal que ele pode gerar. Aqui está um app demo<\/A> mostrando como você poderia fazer isso.<\/P>

<\/P>

Vá para casa<\/H2>Então é isso, agora você tem algumas maneiras de gerar seus renderizadores, salvá-los e usá-los em seus apps para otimizar o desempenho quando necessário. As ferramentas de visualização na ArcGIS API for JavaScript evoluíram muito ao longo dos anos e eu acho que oferecem aos desenvolvedores ótimos recursos para criar mapas com aparência legal para seus apps. <\/> <\/> Você terminou, pode ir para casa agora.<\/><\/><\/> <\/> Para mais dicas e truques geodev, confira meu blog<\/><\/>.<\/><\/><\/>