redecomep:about:participantes:start
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision | |||
|
redecomep:about:participantes:start [2026/08/07 12:55] admin |
redecomep:about:participantes:start [2026/08/07 12:56] (current) admin |
||
|---|---|---|---|
| Line 58: | Line 58: | ||
| border-radius: 4px; | border-radius: 4px; | ||
| margin-top: 4px; | margin-top: 4px; | ||
| + | } | ||
| + | .popup-content .badge-concentrador { | ||
| + | background-color: #fef3c7; | ||
| + | color: #92400e; | ||
| } | } | ||
| .popup-content .badge-extra { | .popup-content .badge-extra { | ||
| Line 73: | Line 77: | ||
| box-shadow: 0 1px 3px rgba(0,0,0,0.3); | box-shadow: 0 1px 3px rgba(0,0,0,0.3); | ||
| } | } | ||
| - | /* Estilo do Ponto Menor */ | + | /* Estilo do Ponto Padrão (Menor) */ |
| .ponto-menor { | .ponto-menor { | ||
| background-color: #004a8f; | background-color: #004a8f; | ||
| Line 81: | Line 85: | ||
| height: 12px !important; | height: 12px !important; | ||
| box-shadow: 0 0 4px rgba(0,0,0,0.5); | box-shadow: 0 0 4px rgba(0,0,0,0.5); | ||
| + | } | ||
| + | /* Estilo do Ponto Concentrador (Maior e Dourado/Laranja) */ | ||
| + | .ponto-concentrador { | ||
| + | background-color: #d97706; | ||
| + | border: 3px solid #ffffff; | ||
| + | border-radius: 50%; | ||
| + | width: 18px !important; | ||
| + | height: 18px !important; | ||
| + | box-shadow: 0 0 6px rgba(0,0,0,0.6); | ||
| } | } | ||
| </style> | </style> | ||
| Line 105: | Line 118: | ||
| }).addTo(map); | }).addTo(map); | ||
| - | // Ícone compacto para os pontos participantes | + | // Ícone compacto para os pontos padrão |
| const iconePontoPequeno = L.divIcon({ | const iconePontoPequeno = L.divIcon({ | ||
| className: 'ponto-menor', | className: 'ponto-menor', | ||
| iconSize: [12, 12], | iconSize: [12, 12], | ||
| iconAnchor: [6, 6] | iconAnchor: [6, 6] | ||
| + | }); | ||
| + | |||
| + | // Ícone maior para os nós concentradores | ||
| + | const iconePontoConcentrador = L.divIcon({ | ||
| + | className: 'ponto-concentrador', | ||
| + | iconSize: [18, 18], | ||
| + | iconAnchor: [9, 9] | ||
| }); | }); | ||
| Line 118: | Line 138: | ||
| // Dicionário dos Participantes | // Dicionário dos Participantes | ||
| const participantesDict = { | const participantesDict = { | ||
| - | "pop_mg": { sigla: "PoP-MG", nome: "PoP-MG (UFMG Campus Pampulha / ICEx)", endereco: "Av. Pres. Antônio Carlos, 6627 - Pampulha", lat: -19.8690, lng: -43.9664 }, | + | "pop_mg": { sigla: "PoP-MG", nome: "PoP-MG (UFMG Campus Pampulha / ICEx)", endereco: "Av. Pres. Antônio Carlos, 6627 - Pampulha", lat: -19.8690, lng: -43.9664, concentrador: true }, |
| + | "prodemge": { sigla: "PRODEMGE", nome: "Unidade Rua da Bahia (Datacenter)", endereco: "Rua da Bahia, 2277 - Lourdes", lat: -19.9351, lng: -43.9382, concentrador: true }, | ||
| + | "sarah": { sigla: "Rede SARAH", nome: "Hospital SARAH Belo Horizonte", endereco: "Av. Amazonas, 5953 - Gameleira", lat: -19.9355, lng: -43.9830, concentrador: true }, | ||
| "cefet_1": { sigla: "CEFET-MG", nome: "Campus I", endereco: "Av. Amazonas, 5253 - Nova Suíça", lat: -19.9388, lng: -43.9786 }, | "cefet_1": { sigla: "CEFET-MG", nome: "Campus I", endereco: "Av. Amazonas, 5253 - Nova Suíça", lat: -19.9388, lng: -43.9786 }, | ||
| "cefet_2": { sigla: "CEFET-MG", nome: "Campus II", endereco: "Av. Amazonas, 7675 - Nova Gameleira", lat: -19.9312, lng: -43.9922 }, | "cefet_2": { sigla: "CEFET-MG", nome: "Campus II", endereco: "Av. Amazonas, 7675 - Nova Gameleira", lat: -19.9312, lng: -43.9922 }, | ||
| Line 124: | Line 146: | ||
| "fiocruz": { sigla: "FIOCRUZ", nome: "FIOCRUZ Minas - Instituto René Rachou", endereco: "Av. Augusto de Lima, 1715 - Barro Preto", lat: -19.9278, lng: -43.9511 }, | "fiocruz": { sigla: "FIOCRUZ", nome: "FIOCRUZ Minas - Instituto René Rachou", endereco: "Av. Augusto de Lima, 1715 - Barro Preto", lat: -19.9278, lng: -43.9511 }, | ||
| "ifmg": { sigla: "IFMG", nome: "Reitoria", endereco: "Av. Prof. Mário Werneck, 2590 - Buritis", lat: -19.9678, lng: -43.9667 }, | "ifmg": { sigla: "IFMG", nome: "Reitoria", endereco: "Av. Prof. Mário Werneck, 2590 - Buritis", lat: -19.9678, lng: -43.9667 }, | ||
| - | "prodemge": { sigla: "PRODEMGE", nome: "Unidade Rua da Bahia (Datacenter)", endereco: "Rua da Bahia, 2277 - Lourdes", lat: -19.9351, lng: -43.9382 }, | ||
| "puc_coreu": { sigla: "PUC Minas", nome: "Campus Coração Eucarístico", endereco: "Av. Dom José Gaspar, 500 - Coração Eucarístico", lat: -19.9232, lng: -43.9912 }, | "puc_coreu": { sigla: "PUC Minas", nome: "Campus Coração Eucarístico", endereco: "Av. Dom José Gaspar, 500 - Coração Eucarístico", lat: -19.9232, lng: -43.9912 }, | ||
| - | "sarah": { sigla: "Rede SARAH", nome: "Hospital SARAH Belo Horizonte", endereco: "Av. Amazonas, 5953 - Gameleira", lat: -19.9355, lng: -43.9830 }, | ||
| "uemg_design": { sigla: "UEMG", nome: "Escola de Design", endereco: "Rua Gonçalves Dias, 1434 - Lourdes", lat: -19.9338, lng: -43.9388 }, | "uemg_design": { sigla: "UEMG", nome: "Escola de Design", endereco: "Rua Gonçalves Dias, 1434 - Lourdes", lat: -19.9338, lng: -43.9388 }, | ||
| "uemg_musica": { sigla: "UEMG", nome: "Escola de Música", endereco: "Rua Riachuelo, 1351 - Padre Eustáquio", lat: -19.9102, lng: -43.9691 }, | "uemg_musica": { sigla: "UEMG", nome: "Escola de Música", endereco: "Rua Riachuelo, 1351 - Padre Eustáquio", lat: -19.9102, lng: -43.9691 }, | ||
| Line 144: | Line 164: | ||
| const bounds = L.latLngBounds(); | const bounds = L.latLngBounds(); | ||
| - | // Plotagem FIXA dos Marcadores (Sempre Visíveis) | + | // Plotagem FIXA dos Marcadores (Seleção de ícone com base na propriedade 'concentrador') |
| Object.keys(participantesDict).forEach(key => { | Object.keys(participantesDict).forEach(key => { | ||
| const p = participantesDict[key]; | const p = participantesDict[key]; | ||
| noCoords[key] = [p.lat, p.lng]; | noCoords[key] = [p.lat, p.lng]; | ||
| | | ||
| - | const marker = L.marker([p.lat, p.lng], { icon: iconePontoPequeno }).addTo(map); | + | const iconeUsado = p.concentrador ? iconePontoConcentrador : iconePontoPequeno; |
| + | const marker = L.marker([p.lat, p.lng], { icon: iconeUsado }).addTo(map); | ||
| + | |||
| + | const badgeTag = p.concentrador | ||
| + | ? '<span class="badge badge-concentrador">Nó Concentrador</span>' | ||
| + | : '<span class="badge">REDECOMEPBH</span>'; | ||
| marker.bindPopup(` | marker.bindPopup(` | ||
| <div class="popup-content"> | <div class="popup-content"> | ||
| Line 155: | Line 181: | ||
| <p><strong>${p.nome}</strong></p> | <p><strong>${p.nome}</strong></p> | ||
| <p>${p.endereco}</p> | <p>${p.endereco}</p> | ||
| - | <span class="badge">REDECOMEPBH</span> | + | ${badgeTag} |
| </div> | </div> | ||
| `); | `); | ||
| Line 198: | Line 224: | ||
| ]; | ]; | ||
| - | // Plotagem das Polylines das FOAs (Azul / Tracejado) | + | // Plotagem das Polylines das FOAs |
| conexoesFOA.forEach(link => { | conexoesFOA.forEach(link => { | ||
| if (noCoords[link.de] && noCoords[link.para]) { | if (noCoords[link.de] && noCoords[link.para]) { | ||
| Line 225: | Line 251: | ||
| }); | }); | ||
| - | // Plotagem das Polylines dos Enlaces Extras (Verde / Tracejado) | + | // Plotagem das Polylines dos Enlaces Extras |
| conexoesExtras.forEach(link => { | conexoesExtras.forEach(link => { | ||
| if (noCoords[link.de] && noCoords[link.para]) { | if (noCoords[link.de] && noCoords[link.para]) { | ||
| Line 252: | Line 278: | ||
| }); | }); | ||
| - | // Seletor/Filtro de Camadas no canto superior direito | + | // Seletor de Camadas |
| const overlayMaps = { | const overlayMaps = { | ||
| "Enlaces Ópticos (FOAs)": camadaEnlacesFOA, | "Enlaces Ópticos (FOAs)": camadaEnlacesFOA, | ||
redecomep/about/participantes/start.txt · Last modified: 2026/08/07 12:56 by admin
Page Tools
