Rendu, Enregistrer, Appeler ça une Journée

ReneRubalcava

<\/HEAD>

<\/P>

Récemment, j'ai parlé un peu de certains des outils de visualisation dans l'ArcGIS API for JavaScript. Les versions récentes ont introduit Smart Mapping<\/A>, qui élimine une partie des conjectures autour de la génération de renderers basés sur vos données. Ils ont également introduit des fonctionnalités vraiment cool qui traitent du mélange des couleurs<\/A> basé sur les données dans votre carte. On arrive à un point où les devs n'auront plus beaucoup d'excuses pour des cartes moches<\/EM>.<\/P><\/P>Une chose que j'ai vue mentionnée à l'EsriUC la semaine dernière<\/A> était l'idée d'utiliser Smart Mapping pour générer votre renderer, expérimenter un peu avec et l'utiliser pour générer le JSON du renderer que vous pouvez utiliser plus tard sans avoir à invoquer les outils Smart Mapping. C'est totalement faisable, mais un peu flou sur la manière dont vous pourriez le faire. Alors regardons quelques techniques que vous pourriez vouloir utiliser.<\/P>

<\/P>

Enregistrez-le localement<\/H2>Donc peut-être que votre application permet à l'utilisateur de faire des requêtes sur les données et de mettre à jour le renderer en fonction de cette requête. Un exemple directement tiré des docs pourrait ressembler à celui-ci<\/A>. Eh bien, vous pouvez ajouter quelques fonctions supplémentaires à cet exemple et enregistrer le renderer dans localStorage. similaire à ce que vous pourriez faire avec Features<\/A>. Ces fonctions d'aide pourraient ressembler à ceci.<\/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>Puis lorsque vous configurez Smart Mapping, vous pouvez vérifier localStorage pour un renderer existant et simplement utiliser ce renderer enregistré, en contournant complètement Smart Mapping.<\/P><\/P>function createRenderer(field) {
  \/\/_smart mapping functionality begins
  var data = getLocal(field);
  if (data) {
    console.log('charger le renderer depuis 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('enregistrer le renderer dans localStorage');
      saveLocal(response.renderer.toJson(), field);
      layer.setRenderer(response.renderer);
      layer.redraw();
      createLegend(map, layer, field);
    });
  }
}<\/PRE><\/P>Maintenant, c'est plutôt cool.<\/EM> Les données dans cet exemple ne sont pas trop compliquées, mais vous pouvez imaginer que si vous aviez un grand ensemble de données, cela pourrait prendre une seconde ou deux pour que Smart Mapping génère le renderer et cette méthode pourrait apporter une dose d'optimisation à votre application. Voici une 

démonstration complète<\/A> de cette application en action.<\/P>

<\/P>

Créer une Application de Test<\/H2>Une autre chose cool que vous pourriez faire est de créer une application de test similaire à cet exemple<\/A>.  Ensuite, vous pouvez ajouter une balise <pre><\/SPAN> à votre page et la mettre à jour avec le JSON des renderers lorsqu'il est mis à jour. Le code pourrait ressembler à ceci.<\/P><\/P>var data = colorRenderer.renderer.toJson();
var js = JSON.stringify(data, null, 2);
document.getElementById('results').innerHTML = js;<\/PRE><\/P>Donc maintenant, vous pouvez copier-coller ce JSON directement depuis votre page web et vous pourriez l'utiliser dans une configuration locale qui pourrait utiliser la spécification webmap<\/A>. Maintenant vous n'avez plus à vous soucier d'utiliser Smart Mapping dans une application de production qui pourrait ne pas en avoir besoin, elle a juste besoin des renderers au look cool qu'il peut générer. Voici une application démo<\/A> montrant comment vous pourriez faire cela.<\/P>

<\/P>

Rentrer chez soi<\/H2>Voilà donc, vous avez maintenant quelques façons de générer vos renderers, les enregistrer et les utiliser dans vos applications pour optimiser les performances quand c'est nécessaire. Les outils de visualisation dans l'ArcGIS API for JavaScript ont fait beaucoup de progrès au fil des ans et je pense qu'ils offrent aux développeurs de très bonnes ressources pour créer des cartes au look sympa pour leurs applications. <\/> <\/> Vous avez fini, vous pouvez rentrer chez vous maintenant.<\/><\/><\/>Pour plus d'astuces geodev, consultez mon blog<\/><\/><\/>.<\/><\/><\/>