tutorial.js
7.24 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
//Instance the tour
var tutorial = new Tour({
storage: false,
debug: false,
backdrop: false,
name: "tutorial",
template: "<div class='popover tour' style='color: black;background-color: white;border:1px solid rgba(0,0,0,.25)'><div class='arrow' style='display:block'></div><h3 class='popover-title'></h3><div class='popover-content' style='line-height: 16px;'></div><div class='popover-navigation' style='padding:2px 2px'><button class='btn btn-default btn-xs' data-role='prev'><i class='material-icons'>arrow_back</i></button><button class='btn btn-default btn-xs' style='float:none;' data-role='end'><i class='material-icons'>stop</i></button><button class='btn btn-default btn-xs' data-role='next'><i class='material-icons'>arrow_forward</i></button></div></div>",
steps: [
{
element: "[data-tutorial='barranavegacao']",
placement: 'auto',
title: "Barra de navegação",
content: "Você pode navegar pelo mapa utilizando os botões do mouse e a roda. A barra permite que as operações de aproximar/afastar sejam feitas com o clique do mouse, além de restaurar a extensão geográfica inicial e voltar para o zoom anterior."
},
{
element: "[data-tutorial='grade']",
placement: 'auto',
title: "Grade de coordenadas",
content: "Ative a apresentação das linhas referentes aos paralelos e meridianos, com as indicações de grau minuto e segundo. A grade é importante para demonstrar visualmente os efeitos da projeção cartográfico sobre o mapa e também como referência de localização, principalmente quando se faz a impressão do mapa ou exportação como uma imagem."
},
{
element: "[data-tutorial='marcador']",
placement: 'auto',
title: "Marcador de região",
content: "Registre em memória a abrangência geográfica atual do mapa para poder recuperá-la quando quiser."
},
{
element: "[data-tutorial='referencia']",
placement: 'auto',
title: "Mapa de referência",
content: "Com o mapa de referência você pode se localizar em um contexto mais amplo que o mostrado no mapa, facilitando a percepção de sua localização."
},
{
element: "[data-tutorial='escalas']",
placement: 'auto',
title: "Escalas",
content: "As escalas são uma referência numérica e/ou gráfica da relação entre as dimensões vistas e medidas no mapa e as que existem de fato na realidade. A escala numérica é uma razão de 1/valor, quanto maior o denominador menor é a escala, ou seja, mais 'afastado' se está do terreno. A escala gráfica permite, de forma aproximada, comparar medidas feitas no mapa com o valor no terreno, uma vez que apresenta uma barra com comprimento conhecido."
},
{
element: "[data-tutorial='coordenadas']",
placement: 'auto',
title: "Coordenadas",
content: "A posição do mouse sobre o mapa possui coordenadas conhecidas, calculadas em função da escala, tamanho da tela e da projeção cartográfica. Essas coordenadas são mostradas neste formulário, que também pode ser utilizado para localizar uma coordenada inserida manualmente. Normalmente as coordenadas são mostradas em graus-minutos-segundos, esse padrão pode ser modificado conforme a sua necessidade. É importante observar que o valor das coordeandas se torna mais preciso a medida que se 'aproxima' o mapa (escala menor)."
},
{
element: ".ol-attribution",
placement: 'auto',
title: "Atribuição",
content: "As informações sobre autoria das camadas vistas no mapa são mostradas aqui."
},
{
element: "[data-tutorial='ferramentas']",
placement: 'auto left',
title: "Ferramentas",
content: "Além de navegar pelo mapa você pode realizar operações mais avançadas, o que lhe permite explorar melhor os dados. Essas ferramentas, cujo uso é menos frequente, são organizadas em grupos e mostradas aqui. Clique no ícone para abrir a listagem."
},
{
element: "[data-tutorial='camadas']",
placement: 'auto left',
title: "Camadas",
content: "O mapa é uma composição de dados cartográficos organizados em camadas (layers), umas sobre as outras. A 'pilha' de camadas é mostrada aqui, e permite que você manipule o mapa ao ligar/desligar as camadas ou mesmo modificando a ordem delas na pilha."
},
{
element: "[data-tutorial='catalogo']",
placement: 'auto left',
title: "Catálogo",
content: "Quando você abrir um mapa ele pode já ter sido configurado com algumas camadas, que você poderá ligar/desligar. Você não está restrito a ver no mapa apenas as camadas que foram inicilamnte configuradas. Aqui você poderá acessar um catálogo com um conjunto bem maior de dados, que poderão ser adicionados ao seu mapa quando você quiser. Essas camadas adicionais são configuradas pelo administrador do sistema, mas você poderá incluir camadas a partir da conexão com diferentes fontes de dados abertos."
},
{
element: "[data-tutorial='legenda']",
placement: 'auto left',
title: "Legenda",
content: "As camadas do mapa contém diferentes tipos de dados que são representados em cores e símbolos os mais diversos. O conteúdo de cada camada é organizado em 'classes', podendo existir uma ou mais. A legenda mostra essas classes e suas diferentes formas de representação, o que é fundamental para o correto entendimento daquilo que está representado no mapa."
},
{
element: "[data-tutorial='troca']",
placement: 'auto left',
title: "Altera entre GoogleMaps e mapa normal",
content: "O Google Maps é uma das mais completas fontes de dados cartográficos para mapas interativos. Esta opção permite alternar o 'motor' de renderização do mapa ativando/desativando o Google Maps. No 'modo' Google Maps as funcionalidades são um pouco diferentes do padrão, permitindo por exemplo, o uso do StreetView."
},
{
element: "[data-tutorial='busca']",
placement: 'auto left',
title: "Pesquisa",
content: "Esta opção oferece um sistema pesquisa de dados para que o mapa possa focar em um determinado lugar. A busca pode ser feita em serviços externos existentes na web ou em camadas, o que depende da configuração do mapa interativo feita pelo administrador."
},
{
element: "[data-tutorial='info']",
placement: 'auto left',
title: "Info",
content: "Ao clicar sobre o mapa o sistema fará uma pesquisa nas camadas que estiverem ativas. Se no ponto clicado forem encontrados dados será aberto um balão com as informações. A ação 'clicar e pesquisar' é ativada por padrão, no entanto, algumas funcionalidades podem desativar essa ação. Caso isso ocorra basta clicar novamente neste ícone."
}
]});