impact summary map template js

Impact-summary-map-template-js

Este mapa interativo destaca uma área e mostra um resumo dos dados relacionados à sua localização. Os dados apresentados nas caixas, na parte inferior do mapa, podem ser todos os dados inteiros, permitindo que você responda novas perguntas sobre os locais que você não pode responder apenas com os mapas.

Por exemplo, no mapa da web, você pode enriquecer seu polígono com dados demográficos, paisagem, infraestrutura e outras variáveis ​​usando o enriquecimento da camada ou analisam seus próprios dados com pontos agregados. Em seguida, você pode usar este modelo para mostrar sua análise com um aplicativo de mapeamento da Web simples.

Veja ao vivo

O modelo pode ser configurado usando as seguintes opções:

• Mapa: Escolha o mapa da web para usar em seu aplicativo.
• Responsivo: Uma gaveta lateral é mostrada quando seu tamanho pode ser acomodado. A gaveta responsiva pode ser ativada ou desativada pelo usuário e permite que o aplicativo seja incorporado em blogs e sites.
• Navegação: os botões Home e Localizar adicione a facilidade da navegação do mapa.
• Conteúdo: Resuma os dados inteiros escolhendo uma camada de destaques que contém os campos. Uma camada contendo vários recursos e possui um renderizador definido permite a seleção dos recursos pelos valores do renderizador. Um painel interativo oferece capacidade de categorizar os campos em até 4 painéis de grupo e página através dos campos.
• Resumo: Descreva brevemente seu aplicativo no painel "área".
• Pesquisa: Ative a pesquisa de endereços e lugares.
• Compartilhe: compartilhe este aplicativo através do Twitter, Facebook, Google+ ou Gere HTML para incorporar em um blog ou site.
• Mapa de base: Ative a alternância entre dois mapas de base ESRI.
• Camadas: alternar a visibilidade das camadas.
• Legenda: exiba uma lenda.
• Sobre: ​​Exibir informações sobre o aplicativo. A caixa de diálogo também pode ser configurada para abrir na inicialização.

Instruções

1. Faça o download e descompacte o arquivo .zip ou clone o repositório.
2. EBLIAÇÃO DO WEB O diretório.
3. Acesse a página .html.
4. Comece a escrever seu modelo!

Novo no github? Comece aqui.

Implantando

1. Para implantar este aplicativo, faça o download do modelo do Portal/Arcgis on -line e descompacte -o.
2. Copie a pasta descompactada que contém os arquivos do modelo do aplicativo da web, como index.html, para o seu servidor da web. Você pode renomear a pasta para alterar a URL através da qual os usuários acessarão o aplicativo. Por padrão, o URL para o aplicativo será http://<Your Web Server>/<app folder name>/index.html
3. Altere o host de compartilhamento, encontrado em padrão.js dentro da pasta de configuração do aplicativo, para o URL de compartilhamento para o ArcGIS Online ou o Portal. Para usuários on -line do ArcGIS, mantenha o valor padrão de www.arcgis.com ou especifique o nome da sua organização.

• Exemplo online do ArcGIS: "sharinghost": "https://" + “<your organization name>.maps.arcgis.com
• Exemplo de portal em que arcgis é o nome do adaptador da web: "sharinghost": "https://" + "webadaptor.domain.com/arcgis"

4. Se você estiver usando o Portal ou uma instalação local da API do ARCGIS para JavaScript, altere todas as referências à API ARCGIS para JavaScript em index.html para consultar sua cópia local da API. Pesquise as referências que contêm "https://js.arcgis.com/3.35" e substitua esta parte da referência pelo URL à instalação local.

• Por exemplo: "https://webadaptor.domain.com/arcgis/jsapi/jsapi" , onde arcgis é o nome do seu adaptador da web.

5. Copie um mapa ou ID de grupo do Portal/ArcGIS on -line e substitua o ID do mapa da web padrão na página Index.html do aplicativo. Agora você pode executar o aplicativo no seu servidor da Web ou personalizar ainda mais o aplicativo.

Nota: Se o seu aplicativo editar os recursos em um serviço de recurso, contiver serviços seguros ou mapas da Web que não são compartilhados publicamente ou gerar solicitações que excedem 200 caracteres, talvez seja necessário configurar e usar uma página proxy. Situações comuns em que você pode exceder o comprimento do URL está usando polígonos complexos como entrada para uma tarefa ou especificando uma referência espacial usando texto conhecido (WKT). Para obter detalhes sobre a instalação e configuração de uma página de proxy, consulte Usando o proxy. Se você não tiver uma conexão com a Internet, precisará acessar e implantar a API do ARCGIS para documentação JavaScript em desenvolvedores.arcgis.com.

Requisitos de camada de dados

O modelo requer um featureLayer com atributos numéricos para mostrar os dados no painel de blocos sobre o mapa.

Configurando o modelo

Este modelo possui um construtor de aplicativos embutido. Se você estiver usando esse modelo via ArcGIS.com, poderá tirar proveito desse construtor enquanto conectou o ArcGIS. Se você é o proprietário do aplicativo através do parâmetro APPID, verá uma opção para inserir o modo Builder e começar a configurar o modelo.

Se você não estiver usando aplicativos on -line do ARCGIS, poderá configurar esse modelo usando o padrão.js na pasta Config. Para configurar a camada de dados, digite o ID do FeatureLayer na propriedade "SummaryLayer": "ID". Você precisará conhecer o ID dessa camada. O ID da camada pode ser visto na resposta JSON do webmap ou registrando o objeto FeatureLayer no console.

Depois de ter a camada com os dados configurados, você pode começar a inserir quais atributos gostaria de mostrar editando a propriedade "SummaryAttributes" no padrão.

Você pode especificar 1-4 variáveis ​​principais e cada uma pode ter sub-variáveis ​​de 0-muitas-que serão mostradas quando a variável principal for clicada. Para a variável principal, você pode opcionalmente vincular a uma fonte para os dados. Cada variável também pode ter um rótulo para ela.

Exemplo de camada

 "summaryLayer": {
    "id": "THE_ID_OF_MY_LAYER"
},

Exemplo de atributos

 "summaryAttributes": [{
    "attribute": "MY_MAIN_VARIABLE",
    "label": "My Variable",
    "dataSourceUrl": "http://mydata.com/",
    "children": [{
        "attribute": "MY_RELATED_VARIABLE 1",
        "label": "My Related Variable 1"
    }, {
        "attribute": "MY_RELATED_VARIABLE 2",
        "label": "My Related Variable 2"
    }]
}]

Novo no github? Comece aqui.

Requisitos

• Editor de notas ou html
• Um pouco de fundo com JavaScript
• A experiência com a API do ARCGIS JavaScript ajudaria.

Webfonts

Este aplicativo usa um webfont personalizado criado no Fontello. Se você estiver hospedando este aplicativo em seu próprio servidor, verifique se ele está configurado para hospedar os arquivos webfont com os tipos de MIME corretos. Alguns servidores exigem um conjunto de tipos MIME para esses arquivos podem servir corretamente. Veja os seguintes URLs para obter mais informações. Há um arquivo zip do webfont com sua configuração Fontello na pasta "Recursos" neste repositório.

• IIS Tipos MIMES
• Sirva corretamente webfonts

Recursos

• Arcgis for JavaScript API Resource Center
• Blog do Arcgis
• Twitter@esri

Problemas

Encontre um bug ou deseja solicitar um novo recurso? Informe -nos enviando um problema.

Contribuindo

Qualquer um e todo mundo pode contribuir. :)

Licenciamento

Copyright 2012 ESRI

Licenciado sob a licença Apache, versão 2.0 (a "licença"); Você não pode usar esse arquivo, exceto em conformidade com a licença. Você pode obter uma cópia da licença em

http://www.apache.org/license/license-2.0

A menos que exigido pela lei aplicável ou acordada por escrito, o software distribuído pela licença é distribuído "como está", sem garantias ou condições de qualquer tipo, expressa ou implícita. Consulte a licença para o idioma específico que rege as permissões e limitações sob a licença.

Uma cópia da licença está disponível no arquivo License.txt do repositório.