71 lines
2.1 KiB
HTML
71 lines
2.1 KiB
HTML
---
|
|
layout: default
|
|
---
|
|
<table id="temporary-table" style="display: none;">
|
|
<tr>
|
|
<td>{{ page.title }}</td>
|
|
<td>{{ page.latitude }}</td>
|
|
<td>{{ page.longitude }}</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
<div class="hero">
|
|
<div class="pessoal-page">
|
|
<div class="box">
|
|
<div class="box-image">
|
|
{% assign nome = page.path | split: '/' | last | split: '.' | first %}
|
|
<img src="{{ site.baseurl }}/people/{{ nome }}.png">
|
|
<!-- <img src="{{ site.baseurl }}/{{ imagem_author }}" alt="Imagem do Autor" class="author-img"> -->
|
|
</div>
|
|
|
|
<div class="box-info">
|
|
<h1>{{ page.title }}</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="info">
|
|
<div class="info-content">
|
|
<p>{{ content }}</p>
|
|
</div>
|
|
|
|
<div class="info-map">
|
|
<div id="map"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script>
|
|
// Inicializa o mapa e define o ponto inicial e o nível de zoom
|
|
var map = L.map('map').setView([-23.55052, -46.6333], 13);
|
|
|
|
// Adiciona a camada de mapas do OpenStreetMap
|
|
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
|
maxZoom: 19,
|
|
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
|
|
}).addTo(map);
|
|
|
|
// Função para adicionar o marcador a partir da tabela
|
|
function addMarkerFromTable() {
|
|
var table = document.getElementById('temporary-table');
|
|
var row = table.getElementsByTagName('tr')[0];
|
|
var cells = row.getElementsByTagName('td');
|
|
|
|
var title = cells[0].textContent;
|
|
var lat = parseFloat(cells[1].textContent);
|
|
var lng = parseFloat(cells[2].textContent);
|
|
|
|
// Adiciona o marcador ao mapa
|
|
L.marker([lat, lng]).addTo(map)
|
|
.bindPopup(title)
|
|
.openPopup(); // Abre o pop-up automaticamente ao carregar
|
|
}
|
|
|
|
// Chama a função para adicionar o marcador
|
|
addMarkerFromTable();
|
|
</script>
|
|
|