| 519
| <![CDATA[<script>
var locationFloracoes = [];
var map;
var markersFlora = [];
var culturaSelecionada = null;
$(document).ready(function() {
$('[data-activates=filtar-plantas]').trigger('click'); //abre filtro lateral
$('.select-culturas').select2();
function initialize() {
var div = document.getElementById("map-canvas");
map = L.map(div).setView([-27.593500, -48.558540], 13);
map.setZoom(8);
map.zoomControl.setPosition('bottomright');
L.tileLayer('https://maps.epagri.sc.gov.br/tile/{z}/{x}/{y}.png', {
attribution: 'Dados © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
id: 'baserwe'
}).addTo(map);
//contorno SC
//var encodePath; | defini em um arquivo js a parte pois no jsp dava erro: Constant string too long
var polyline = L.polyline(L.Polyline.fromEncoded(encodePath).getLatLngs(), {color: '#000000',
opacity: 0.4,
weight: 2}).addTo(map);
// zoom the map to the polyline
map.fitBounds(polyline.getBounds());
// Creating Image overlay
var imageUrl = 'assets/images/reg_agro.png',
imageBounds = [[-25.35, -47.40], [-29.898340, -54.793309]];
var overlay = L.imageOverlay(imageUrl, imageBounds);
overlay.addTo(map);
marqueFloracoes();
}
function removeFloracoes() {
//console.log('removendo floracoes atuais antes de plotar do filtro');
for (i = 0; i < locationFloracoes.length; i++) {
map.removeLayer(markersFlora[i].mark);
}
}
function marqueFloracoes() {
for(var i = 0; i < locationFloracoes.length; i++) {
//var location = new google.maps.LatLng(locationFloracoes[i].latitude, locationFloracoes[i].longitude);
var nome = locationFloracoes[i].nome;
var fase = locationFloracoes[i].fase_floracao;
var content = '<div class="infowindow-content">'
+'<h1>'+nome+'</h1>'
+'<p>'
+'Data Inclusão: '+moment(locationFloracoes[i].data_inclusao).format('DD MMMM YYYY')
+'<br>Fase Floração: '+locationFloracoes[i].nome_fase_floracao
+'<br>Latitude: '+locationFloracoes[i].latitude
+'<br>Longitude: '+locationFloracoes[i].longitude
+'<br>Altitude: '+locationFloracoes[i].altitude
+'</p>';
+'</div>';
//addCompleteMarker(markersFlora, location, 'images/fase-'+fase+'.png', content, nome);
markersFlora[i] = locationFloracoes[i];
var apisCoordinates = [locationFloracoes[i].latitude, locationFloracoes[i].longitude];
var apisIconProperties = {
iconUrl: "images/fase-"+fase+".png"
, iconSize: [22, 22]
, iconAnchor: [22, 22]
, popupAnchor: [0, -50]
};
var apisIcon = L.icon(apisIconProperties);
markersFlora[i].mark=L.marker(apisCoordinates, {icon: apisIcon})
.addTo(map)
.bindPopup(content)
}
}
//google.maps.event.addDomListener(window, 'load', initialize);
initialize();
//daterange picker
var start = moment().subtract(1, 'month').add(1, 'days');
var end = moment();
$('#reportrange').daterangepicker({
alwaysShowCalendars: true,
startDate: start,
endDate: end,
opens: 'left',
locale: {
format: 'DD MMM YYYY',
applyLabel: 'Aplicar',
cancelLabel: 'Cancelar',
fromLabel: 'De',
toLabel: 'Para',
weekLabel: 'W',
customRangeLabel: 'Personalizado',
daysOfWeek: moment.weekdaysMin(),
monthNames: moment.monthsShort(),
},
ranges: {
'Hoje': [moment(), moment()],
'Ontem': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Últimos 7 Dias': [moment().subtract(6, 'days'), moment()],
'Últimos 30 Dias': [moment().subtract(29, 'days'), moment()],
'Mês Atual': [moment().startOf('month'), moment().endOf('month')],
'Mês Passado': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
}
});
$('#reportrange').on('apply.daterangepicker', function(ev, picker) {
//console.log('vai atualizar data');
atualizaMapa(culturaSelecionada);
});
function atualizaMapa(cultura_id) {
var data_periodo = $('#reportrange').val();
//console.log ('data selecionada = ' + data_periodo);
//console.log('atualiza mapa | cultura =' + cultura_id + ' | data = ' + data_periodo);
$.getJSON('submit/dados-floracao.jsp',
{ cultura_id : cultura_id, data_periodo : data_periodo },
function(response) {
//deleteMarkers2(markersFlora);
removeFloracoes();
locationFloracoes = response;
marqueFloracoes();
//console.log('mapa atualizado!');
}
); //end get
}
$('.select-culturas').change(function() {
//console.log('vai atualizar cultura selec');
culturaSelecionada = $("option:selected", this).data('cultura-id');
atualizaMapa(culturaSelecionada);
});
});
</script>]]>
|
