diff --git a/index.html b/index.html
new file mode 100644
index 000000000..1fde99715
--- /dev/null
+++ b/index.html
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Operação Florestal
+
+
+
+
+
+
+
+ 
+ Mapa da Operação Florestal
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 000000000..136fac921
--- /dev/null
+++ b/script.js
@@ -0,0 +1,69 @@
+/**
+ * Variáveis que definem os marcadores das máquinas no mapa.
+ */
+var marker = L.marker([-19.151801, -46.007759], {title: 'CA-001 - Caminhão de Carga'})
+ .bindPopup('Histórico do último dia:
' + '03:00:00 - Manutenção
' + '06:00:00 - Operando
' + '18:00:00 - Parado
' + 'Mais recente - Operando'),
+
+ marker2 = L.marker([-19.195811, -45.825157], {title: 'CA-002 - Caminhão de Carga'})
+ .bindPopup('Histórico do último dia:
' + '03:00:00 - Parado
' + '06:00:00 - Manutenção
' + 'Mais recente - Operando'),
+
+ marker3 = L.marker([-19.134644, -46.087206], {title: 'CA-003 - Caminhão de Carga'})
+ .bindPopup('Histórico do último dia:
' + '05:00:00 - Parado
' + '11:00:00 - Manutenção
' + '14:00:00 - Parado
' + 'Mais recente - Operando'),
+
+ marker4 = L.marker([-18.978732, -45.918204], {title: 'CA-004 - Caminhão de Carga'})
+ .bindPopup('Histórico do último dia:
' + '06:00:00 - Parado
' + '11:00:00 - Operando
' + '15:00:00 - Manutenção
' + 'Mais recente - Operando'),
+
+ marker5 = L.marker([-19.027071, -46.004085], {title: 'HV-1001 - Harvester'})
+ .bindPopup('Histórico do último dia:
' + '01:00:00 - Manutenção
' + '05:00:00 - Operando
' + '12:00:00 - Manutenção
' + '14:00:00 - Manutenção
' + '22:00:00 - Parado
' + 'Mais recente - Operando'),
+
+ marker6 = L.marker([-19.287676, -46.082552], {title: 'HV-1002 - Harvester'})
+ .bindPopup('Histórico do último dia:
' + '06:00:00 - Manutenção
' + '10:00:00 - Operando
' + '21:00:00 - Manutenção
' + 'Mais recente - Operando'),
+
+ marker7 = L.marker([-19.091692, -46.14889], {title: 'GT-2001 - Garra Traçadora'})
+ .bindPopup('Histórico do último dia:
' + '14:00:00 - Manutenção
' + 'Mais recente - Operando'),
+
+ marker8 = L.marker([-19.172475, -46.080028], {title: 'GT-2002 - Garra Traçadora'})
+ .bindPopup('Histórico do último dia:
' + '01:00:00 - Operando
' + '08:00:00 - Manutenção
' + '09:00:00 - Parado
' + '12:00:00 - Manutenção
' + '15:00:00 - Operando
' + '20:00:00 - Manutenção
' + 'Mais recente - Operando'),
+
+ marker9 = L.marker([-19.163073, -46.06338], {title: 'GT-2003 - Garra Traçadora'})
+ .bindPopup('Histórico do último dia:
' + '04:00:00 - Parado
' + '08:00:00 - Operando
' + '23:00:00 - Manutenção
' + 'Mais recente - Operando');
+
+/**
+ * Camadas para filtrar as máquinas que estão operando,as que estão em manutenção e as que estão paradas no mapa.
+ */
+var operating = L.layerGroup([marker, marker2, marker3, marker4, marker6, marker7, marker8, marker9]);
+
+var maintenance = L.layerGroup([marker5]);
+
+var stopped = L.layerGroup([]);
+
+/**
+ * A variável abaixo define o mapa, onde ele vai focar(center), a quantidade de zoom e os layers para filtrar as máquinas pelo seu estado(operando, manutenção e parado).
+ */
+var map = L.map('mapid', {
+ center: [-19.151801, -46.007759],
+ zoom: 10.5,
+ layers: [operating, maintenance, stopped]
+});
+
+/**
+ * A variável osm define o renderizador do mapa no programa.
+ */
+var osm = L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
+ attribution: '© OpenStreetMap contributors'
+}).addTo(map);
+
+/**
+ * A variável equipmentState carrega os estados das máquinas que serão usados como layers.
+ */
+var equipmentState = {
+ "Operando": operating,
+ "Manutenção": maintenance,
+ "Parado": stopped
+};
+
+/**
+ * a variável layerControl cumpre a função de adicionar a variável equipmentState ao mapa, assim colocando os layers para filtragem.
+ */
+var layerControl = L.control.layers(equipmentState).addTo(map);
+