339
| <![CDATA[<script>
var locationColmeias = [{"nome":"Videira - Apicultura - Colmeia 3","cd_grupo":83,"latitude":-27.0247,"longitude":-51.1494,"altitude":749.0,"colmeias":[2484]},{"nome":"Videira - Apicultura - Colmeia 2","cd_grupo":83,"latitude":-27.0242,"longitude":-51.1489,"altitude":749.0,"colmeias":[2483]},{"nome":"Videira - Apicultura - Colmeia 1","cd_grupo":83,"latitude":-27.0253,"longitude":-51.15,"altitude":749.0,"colmeias":[2482]},{"nome":"São Miguel do Oeste - Apicultura - Cetresmo Colmeia 3","cd_grupo":83,"latitude":-26.7833,"longitude":-53.5131,"altitude":622.0,"colmeias":[2497]},{"nome":"São Miguel do Oeste - Apicultura - Cetresmo Colmeia 2","cd_grupo":83,"latitude":-26.7833,"longitude":-53.5131,"altitude":622.0,"colmeias":[2475]},{"nome":"São Miguel do Oeste - Apicultura - Cetresmo Colmeia 1","cd_grupo":83,"latitude":-26.7833,"longitude":-53.5131,"altitude":622.0,"colmeias":[2496]},{"nome":"Caçador - Apicultura - Colmeia 3 - EE_Epagri","cd_grupo":83,"latitude":-26.8181,"longitude":-50.9919,"altitude":934.0,"colmeias":[2495]},{"nome":"Caçador - Apicultura - Colmeia 2 - EE_Epagri","cd_grupo":83,"latitude":-26.8181,"longitude":-50.9919,"altitude":934.0,"colmeias":[2474]},{"nome":"Caçador - Apicultura - Colmeia 1 - EE_Epagri","cd_grupo":83,"latitude":-26.8181,"longitude":-50.9919,"altitude":934.0,"colmeias":[2494]},{"nome":"Bocaina do Sul - Apicultura - Burato Colmeia 3","cd_grupo":83,"latitude":-27.7539,"longitude":-49.9678,"altitude":900.0,"colmeias":[2486]},{"nome":"Bocaina do Sul - Apicultura - Burato Colméia 2","cd_grupo":83,"latitude":-27.7533,"longitude":-49.9672,"altitude":900.0,"colmeias":[2485]},{"nome":"Bocaina do Sul - Apicultura - Burato Colméia 1","cd_grupo":83,"latitude":-27.7544,"longitude":-49.9683,"altitude":900.0,"colmeias":[2481]}];
var map;
$(document).ready(function() {
$('[data-activates=chat-sidebar]').trigger('click'); //abre filtro lateral
function initialize() {
/*var mapOptions = {
center: new google.maps.LatLng(-27.536762457231428, -50.88592529296875),
zoom: 8
};
map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
var zonas = new google.maps.KmlLayer({
url: 'https://ciram.epagri.sc.gov.br/ciram_arquivos/apicultura/reg_agro_transp.kmz',
map: map
});*/
var div = document.getElementById("map-canvas");
map = L.map(div).setView([-27.593500, -48.558540], 13);
//map = L.map(div).setView([-27.55, -48.30], 5);
map.options.minZoom = 7; //7 ideal
map.options.maxZoom = 11; //18 ideal pra ver separados
//mbAttr = 'Tiles © Esri — Source: Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community'
//mbUrl = 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}';
//map.setZoom(5);
map.zoomControl.setPosition('bottomright');
//L.tileLayer(mbUrl, {id: 'mapbox.streets', attribution: mbAttr}).addTo(map);
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);
mcg = L.markerClusterGroup({
disableClusteringAtZoom: 10, //18
maxClusterRadius: 10, //80
spiderfyDistanceMultiplier: 1, //1
}).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);
/*map.on("zoomstart", function(){
zoomLevel = map.getZoom();
console.log ('zoom level = ' + zoomLevel);
}); */
marqueGruposColmeias();
}
function marqueGruposColmeias() {
//console.log('num location colmeia = ' + locationColmeias.length);
for(var i = 0; i < locationColmeias.length; i++) {
//var location = new google.maps.LatLng(locationColmeias[i].latitude, locationColmeias[i].longitude);
var grupoColmeia = locationColmeias[i];
//console.log('marker colmeia = ' + grupoColmeia.nome);
//console.log('marker itens colmeia = ' + grupoColmeia.colmeias);
//var nome = locationColmeias[i].nome;
var content = '<div class="infowindow-content">'
+'<h1>'+locationColmeias[i].nome+'</h1>'
+'<p>'
+'<br>Latitude: '+locationColmeias[i].latitude
+'<br>Longitude: '+locationColmeias[i].longitude
+'<br>Altitude: '+locationColmeias[i].altitude
+'</p>';
+'</div>';
//var marker = addCompleteMarker(markersGrupos, location, 'assets/images/colmeia-icon2.png', content, nome, grupoColmeia);
//var marker = addCompleteMarker(markersGrupos, location, 'assets/images/colmeia-icon2.png', content, nome);
//markersColmeias[i] = locationColmeias[i];
var apisCoordinates = [locationColmeias[i].latitude, locationColmeias[i].longitude];
var apisIconProperties = {
iconUrl: "assets/images/colmeia-icon2.png"
, iconSize: [22, 22]
, iconAnchor: [22, 22]
, popupAnchor: [0, -50]
};
var apisIcon = L.icon(apisIconProperties);
marker=L.marker(apisCoordinates, {icon: apisIcon})
.addTo(map)
.bindPopup(content)
.on('click', groupClick)
marker.marcador = locationColmeias[i];
//var m = marker(getRandomLatLng(map));
//var m = marker;
//markers.addLayer(m);
//markers.addLayer(marker);
//var mcg = L.markerClusterGroup().addTo(map);
//var mcg2 = L.markerClusterGroup().addTo(map);
//L.marker([-27.38, -51.12]).addTo(mcg);
//L.marker([-27.38, -51.13]).addTo(mcg);
//for(var i=0;i<40;i++){
// L.marker([-27.38, -51.12]).addTo(mcg2);
//}
//grupoColmeia.colmeias
//console.log('cod colmeia = ' + locationColmeias[i].nome);
//console.log('coordenadas = ' + apisCoordinates);
//max num for sem dar looping = 16
//for(j=0;j<2;j++){
//L.marker(apisCoordinates).addTo(mcg);
marker.addTo(mcg);
//}
}
}
/*var popup = L.popup();
function onMapClick(e) {
popup
.setLatLng(e.latlng)
.setContent("You clicked the map at " + e.latlng.toString())
.openOn(map);
}*/
//functions abaixo para zoom automatico 27/1/2020
function groupClick(event) {
//console.log('click');
marcadorAtual = event.sourceTarget.marcador;
criaInfoboxColmeia(marcadorAtual);
}
function criaInfoboxColmeia(grupoColmeia) {
//console.log('clicou na colmeia = ' + grupoColmeia.colmeias);
var colmeias = grupoColmeia.colmeias;
$('.chat-list').html('');
for(var j = 0; j < colmeias.length; j++) {
//console.log('clicou colmeia = ' + colmeias[j]);
$('.chat-list').append(
//'<a href="#modalcolmeia" class="chat-message modal-trigger colmeia-item" data-id-colmeia="'+colmeias[j]+'">'+
'<a href="#modalcolmeia" class="modal-trigger colmeia-item" data-id-colmeia="'+colmeias[j]+'">'+
'<div class="chat-item">'+
'<div class="chat-item-image">'+
'<img src="assets/images/colmeia-icon2.png" style="margin-left:10px; width: 22px;">'+
'</div>'+
'<div class="chat-item-info">'+
'<p class="chat-name">Colmeia '+colmeias[j]+'</p>'+
'</div>'+
'</div>'+
'</a>',
'<a href="#modalcaderno" class="modal-trigger colmeia-item" data-id-colmeia="'+colmeias[j]+'">'+
'<div class="chat-item">'+
'<div class="chat-item-image">'+
'<img src="assets/images/caderno-campo.png" style="margin-left:10px; width: 22px;">'+
'</div>'+
'<div class="chat-item-info">'+
'<p class="chat-name">Caderno de Campo </p>'+
'</div>'+
'</div>'+
'</a>',
'<a href="#modalvariacao" class="modal-trigger colmeia-item" data-id-colmeia="'+colmeias[j]+'">'+
'<div class="chat-item">'+
'<div class="chat-item-image">'+
'<img src="assets/images/peso1.jpg" style="margin-left:10px; width: 22px;">'+
'</div>'+
'<div class="chat-item-info">'+
'<p class="chat-name">Variação de Peso </p>'+
'</div>'+
'</div>'+
'</a>' /*,
'<a href="#modalpesoacum" class="modal-trigger colmeia-item" data-id-colmeia="'+colmeias[j]+'">'+
'<div class="chat-item">'+
'<div class="chat-item-image">'+
'<img src="assets/images/simbolo_somatorio.jpg" style="margin-left:10px; width: 22px;">'+
'</div>'+
'<div class="chat-item-info">'+
'<p class="chat-name">Peso Acumulado</p>'+
'</div>'+
'</div>'+
'</a>'*/
);
} //end for
$('.modal-trigger').leanModal();
$('.colmeia-item').click(function() {
//console.log('3. clicou pra ver grafico colmeia - ok');
$('#modalcolmeia_idfilha').html('<img src="assets/images/loading3.gif" class="loading-img">');
var id_colmeia = $(this).data('id-colmeia');
//console.log ('id = ' + id_colmeia);
$.get('submit/dados-colmeia.jsp', { cd_estac : id_colmeia },
function(response) {
$('#modalcolmeia_idfilha').html(response);
}
); //end get
//caderno
$('#modalcaderno_idfilha').html('<img src="assets/images/loading3.gif" class="loading-img">');
//var id_colmeia = $(this).data('id-colmeia');
//console.log ('id = ' + id_colmeia);
$.get('submit/dados-caderno.jsp', { cd_estac : id_colmeia },
function(response) {
$('#modalcaderno_idfilha').html(response);
}
); //end get
//variacao
$('#modalvariacao_idfilha').html('<img src="assets/images/loading3.gif" class="loading-img">');
//var id_colmeia = $(this).data('id-colmeia');
//console.log ('id = ' + id_colmeia);
$.get('submit/dados-variacao.jsp', { cd_estac : id_colmeia },
function(response) {
$('#modalvariacao_idfilha').html(response);
}
); //end get
//peso acum
/* $('#modalpesoacum_idfilha').html('<img src="assets/images/loading3.gif" class="loading-img">');
//var id_colmeia = $(this).data('id-colmeia');
//console.log ('id = ' + id_colmeia);
$.get('submit/dados-pesoacum.jsp', { cd_estac : id_colmeia },
function(response) {
$('#modalpesoacum_idfilha').html(response);
}
); //end get */
});
}
//google.maps.event.addDomListener(window, 'load', initialize);
initialize();
});
</script>]]>
|