Uso de valores de Domain en tu App

ReneRubalcava

<\/HEAD>

<\/P>

Así que estás trabajando duro en tu increíble aplicación ArcGIS JavaScript. Tienes algunas herramientas personalizadas muy buenas, incluso puede que tengas algunas capacidades de búsqueda funcionando, esto se ve genial<\/EM>. Haces clic en una entidad en el mapa y tienes toda la información importante del campo... excepto que tienes números donde tal vez deberían aparecer valores?<\/P><\/P>¿Pero qué demonios es eso? ¿Qué significa ese número siquiera?<\/EM> Entonces vas y miras el servicio de mapa y ves que este campo tiene un domain<\/A> asociado. Tal vez miras otra aplicación donde se edita este servicio y notas que el attribute inspector<\/A> en el editor tiene los valores correctos del domain y ahora solo te quedas rascándote la cabeza preguntándote cómo obtener esos valores. No te preocupes, están ahí...en algún lugar<\/EM>.<\/P><\/P>

Pesca de Campos<\/H2>Afortunadamente para nosotros, FeatureLayer tiene una propiedad fields<\/A> que podemos usar para obtener no solo los valores del domain, sino también los nombres alias, que son descripciones legibles para humanos<\/EM> del campo. No está exactamente en el formato óptimo para simplemente usarlo tal cual, pero con un poco de trabajo puedes hacer que maneje tus datos con facilidad. Puede que quieras crear una tabla hash<\/A> para asociar fácilmente los valores codificados con los valores del domain.<\/P>

<\/P>

var fieldMap = {};
featureLayer.on('load', function() {
  \/\/- iterar sobre los campos de la Capa
  featureLayer.fields.filter(function(x) {
    return !!x.domain; \/\/- forzar valor a booleano. aquí solo nos importan los domains
  }).map(function(x) { \/\/- mapear campos con domains
    fieldMap[x.name] = {}; \/\/- tabla hash
    fieldMap[x.name].values = {}; \/\/- contendrá los valores del domain
    fieldMap[x.name].alias = x.alias; \/\/- nombre para mostrar agradable
    x.domain.codedValues.map(function(a) { \/\/- mapear sobre codedValues
      fieldMap[x.name].values[a.code] = a.name; \/\/- guardar domain
    });
  });
});<\/PRE><\/P>La clave aquí es iterar sobre los campos de la capa y almacenar el valor codificado como la clave para el valor del domain. Esto hará que la búsqueda de los valores sea mucho más fácil en el siguiente paso.<\/P><\/P>Tenemos un método que define el contenido del popup cuando se hace clic. Podemos usar la tabla hash de valores del domain para hacer esta tarea simple.<\/P><\/P>function getTextContent(graphic){
  \/\/- obtener las claves de los atributos
  \/\/- *Nota - puede que necesites un shim para tu 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; }); \/\/- solo devolver resultados válidos
  return elems.join('<br \/>');
}<\/PRE><\/P>Así que en este ejemplo, usamos 

Object.keys<\/A> (nota - puede que necesites shim<\/SPAN><\/<A>) este método)<\/<EM><\/<SPAN> para obtener las claves de los atributos. Puedes usar las claves para obtener el conjunto correspondiente de valores codificados y del domain, junto con el alias del campo, y componer un elemento DOM simple para mostrar en el InfoWindow. El resultado de esta técnica ahora muestra el InfoWindow como abajo.<\/<P><\/<P>Puedes ver una demo completa de este ejemplo aquí<\/<A>.<\/<P><\/<P>

Solo necesita un poco de ajuste<\/<H2>A veces al trabajar con datos de ArcGIS Server y similares puede que necesites ajustar tus resultados para mostrarlos como quieres. No es difícil hacerlo y una vez que lo haces un par de veces, se vuelve algo natural, pero sé por experiencia lo frustrante que puede ser tratar de navegar la documentación para resolver esta tarea simple. Espero que esto te ahorre uno o dos pasos. Esta no es necesariamente la única forma de lograrlo, pero pensé que era el ejemplo más directo.<\/<P><\/<P>Para más consejos y trucos sobre geodev, visita mi blog<\/<A>.<\/<BODY><\/<HTML>