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

Usando valores de Domain no seu App

ReneRubalcava

<\/HEAD>

<\/P>

Então você está trabalhando duro no seu incrível aplicativo ArcGIS JavaScript. Você tem algumas ferramentas personalizadas legais, talvez até algumas capacidades de busca funcionando, isso parece legal<\/EM>. Você clica em uma feição no mapa e tem todas as informações importantes do campo... exceto que você tem números onde talvez os valores deveriam aparecer? <\/P><\/P>Mas o que diabos é isso? O que esse número significa? <\/EM> Então você vai olhar o serviço de mapa e vê que esse campo tem um domain<\/A> associado a ele. Talvez você olhe outro aplicativo onde esse serviço é editado e note que o attribute inspector<\/A> no editor tem os valores corretos do domain e agora você está coçando a cabeça se perguntando como obter esses valores. Não se preocupe, eles estão lá...em algum lugar<\/EM>.<\/P><\/P>

Pesca de Campos<\/H2>Felizmente para nós, o FeatureLayer tem uma propriedade fields<\/A> que podemos usar para obter não apenas os valores do domain, mas também os nomes alias, que são descrições legíveis para humanos<\/EM> do campo. Não está exatamente no formato ideal para usar diretamente, mas com um pouco de trabalho você pode fazer com que ele manipule seus dados com facilidade. Você pode querer criar uma hash table<\/A> para associar facilmente os valores codificados com os valores do domain.<\/P>

<\/P>

var fieldMap = {};
featureLayer.on('load', function() {
  \/\/- iterar sobre os campos da Layer
  featureLayer.fields.filter(function(x) {
    return !!x.domain; \/\/- força valor para booleano. só nos importamos com domains aqui
  }).map(function(x) { \/\/- mapear campos com domains
    fieldMap[x.name] = {}; \/\/- hash table
    fieldMap[x.name].values = {}; \/\/- irá conter valores do domain
    fieldMap[x.name].alias = x.alias; \/\/- nome amigável para exibição
    x.domain.codedValues.map(function(a) { \/\/- mapear sobre codedValues
      fieldMap[x.name].values[a.code] = a.name; \/\/- salvar domain
    });
  });
});<\/PRE><\/P>A chave aqui é iterar sobre os campos da camada e armazenar o valor codificado como chave para o valor do domain. Isso facilitará muito a busca dos valores na próxima etapa.<\/P><\/P>Temos um método que define o conteúdo do popup quando ele é clicado. Podemos usar a hash table dos valores do domain para tornar essa tarefa simples.<\/P><\/P>function getTextContent(graphic){
  \/\/- obter chaves dos atributos
  \/\/- *Nota - você pode precisar de um shim para seu navegador
  var elems = Object.keys(graphic.attributes).map(function(x) {
    var attr = graphic.attributes;<\/<X>
    var field = fieldMap;<\/<X>
    if (field) {
      return "<b>" + field.alias + "<\/_b>: " + field.values[attr];
    } else {
      return false;
    }
  }).filter(function(x) { return x; }); \/\/- retorna apenas resultados válidos
  return elems.join('<br \/>');
}<\/PRE><\/P>Então neste exemplo, usamos

Object.keys<\/A> (nota - você pode precisar shim<\/<\/<A>) deste método)<\/<\/ para obter as chaves dos atributos. Você pode usar as chaves para obter o conjunto correspondente de valores codificados e domain, junto com o alias do campo, e compor um elemento DOM simples para exibir na InfoWindow. O resultado dessa técnica agora exibe a InfoWindow como abaixo.<\/P>

<\/P>Você pode ver uma demonstração completa deste exemplo aqui<\/<A>.<\/<\/

Só precisa de um pouco de ajuste<\/<H2>Às vezes, ao trabalhar com dados do ArcGIS Server e afins, você pode precisar ajustar seus resultados para exibir como deseja. Não é difícil fazer isso e depois de fazer algumas vezes, torna-se algo natural, mas eu sei pela experiência como pode ser frustrante tentar navegar na documentação para resolver essa tarefa simples. Espero que isso te economize um ou dois passos. Esta não é necessariamente a única maneira de realizar isso, mas achei que era o exemplo mais direto.<\/<\/Para mais dicas e truques sobre geodev, confira meu blog<\/<A>.<\/<BODY><\/<HTML>

Encontre mais publicações marcadas com

GeoDev Adventures

Comentários

There are no comments yet

Participe da Conversa

Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.

Links Rápidos

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