Skip to content

F
fordecyt_2019
Commit f1f418e9 authored by Tania Gómez's avatar Tania Gómez
Browse files
Options

add state layers for viajes hacia & viajes desde

parent a4286f38
Hide whitespace changes
Inline Side-by-side
Showing with 249 additions and 179 deletions
public/fordecyt_2019/js/centropais_basemap.js
View file @ f1f418e9
...@@ -83,29 +83,29 @@ const createPane = (layerPane, zIndex) => { ...@@ -83,29 +83,29 @@ const createPane = (layerPane, zIndex) => {
map.getPane(layerPane).style["mix-blend-mode"] = "normal"; map.getPane(layerPane).style["mix-blend-mode"] = "normal";
} }
const getSchoolColor = s => { // const getSchoolColor = s => {
return s == "Básico" ? "#409400" : // return s == "Básico" ? "#409400" :
s == "Medio superior" ? "#df6400" : // s == "Medio superior" ? "#df6400" :
"#c0d1e5"; // "#c0d1e5";
} // }
const getCommerceColor = s => { // const getCommerceColor = s => {
return s == "Comercio al por menor en supermercados" ? "#9e4244" : // return s == "Comercio al por menor en supermercados" ? "#9e4244" :
s == "Comercio al por menor en tiendas departamentales" ? "#fc464e" : // s == "Comercio al por menor en tiendas departamentales" ? "#fc464e" :
"#c0d1e5"; // "#c0d1e5";
} // }
const getCultivoColor = s => { const getCentrosColor = s => {
return s == "Sorgo grano" ? "#ff5500" : return s == "Primario" ? "#ff5500" :
s == "Frijol" ? "#8e1973" : s == "Secundario" ? "#8e1973" :
"#d1ff73"; "#d1ff73";
} }
const getCultivoBorder = s => { // const getCultivoBorder = s => {
return s == "Sorgo grano" ? "#e60000" : // : // return s == "" ? "#e60000" : // :
s == "Frijol" ? "#a80084" : // s == "Frijol" ? "#a80084" :
"#aaff00"; //; // "#aaff00"; //;
} // }
const getPoblacionColor = s => { const getPoblacionColor = s => {
return s > 6000 ? "#6b0601" : return s > 6000 ? "#6b0601" :
s > 4000 ? "#9e4410" : s > 4000 ? "#9e4410" :
...@@ -124,13 +124,36 @@ const getDensidadColor = s => { ...@@ -124,13 +124,36 @@ const getDensidadColor = s => {
"#ffffff"; "#ffffff";
} }
const getHaciaColor = s => {
return s > 32000 ? "#00451c" :
s > 6000 ? "#218542" :
s > 2000 ? "#4bc44f" :
s > 1000 ? "#b4d787" :
"#e3fcd9";
}
const getDesdeColor = s => {
return s > 6000 ? "#b30000" :
s > 2000 ? "#fc7f44" :
s > 1000 ? "#ffaa00" :
"#ffebbf";
}
const getTiempoColor = s => {
return s > 3500 ? "#a80000" :
s > 2000 ? "#e64c00" :
s > 1000 ? "#ffaa00" :
"#70a800";
}
const getCuencasColor = s => { const getCuencasColor = s => {
return s == "Bajo Grijalva o Grijalva-Villahermosa" ? "rgba(255,255,190,0.3)" : return s == "Bajo Grijalva o Grijalva-Villahermosa" ? "rgba(255,255,190,0.3)" :
s == "Medio Grijalva o Grijalva-Tuxtla Gutiérrez" ? "rgba(255,170,0,0.3)" : s == "Medio Grijalva o Grijalva-Tuxtla Gutiérrez" ? "rgba(255,170,0,0.3)" :
"rgba(168,56,0,0.3)"; "rgba(168,56,0,0.3)";
} }
let munis_contexto, lim_zms, zms, conurbaciones, agebs2005, agebs2010, agebs2015, auto2010, auto2014, auto2018, tecnologia2010, tecnologia2014, tecnologia2018, supermercados, bancos, agebsbypop, agebsbydens, agricolaoi, agricolapv, escuelas, hospitales, hoteles, subcuencas, tuxtlaVH; let munis_contexto, lim_zms, zms, conurbaciones, agebs2005, agebs2010, agebs2015, auto2010, auto2014, auto2018, tecnologia2010, tecnologia2014, tecnologia2018, centros, hacia, desde;
//supermercados, bancos, agebsbypop, agebsbydens, agricolaoi, agricolapv, escuelas, hospitales, hoteles, subcuencas, tuxtlaVH;
// *** WMS INEGI *** // *** WMS INEGI ***
// // AEROPUERTOS // // AEROPUERTOS
...@@ -384,143 +407,143 @@ let layer_tecnologia2018 = new L.geoJson(null, { ...@@ -384,143 +407,143 @@ let layer_tecnologia2018 = new L.geoJson(null, {
let layer_supermercados = new L.geoJson(null, { // let layer_supermercados = new L.geoJson(null, {
attribution: "", // attribution: "",
pane: "pane_supermercados", // pane: "pane_supermercados",
//onEachFeature: pop_escuelas, // //onEachFeature: pop_escuelas,
pointToLayer: function(feature, latlng) { // pointToLayer: function(feature, latlng) {
// let context = { // // let context = {
// feature: feature, // // feature: feature,
// variables: {} // // variables: {}
// }; // // };
let shoppingMarker = L.BeautifyIcon.icon({ // let shoppingMarker = L.BeautifyIcon.icon({
icon: "shopping-cart", // icon: "shopping-cart",
iconSize: [0, 0], // iconSize: [0, 0],
iconAnchor: [7, 10], // iconAnchor: [7, 10],
iconShape: "circle", // iconShape: "circle",
popupAnchor: [0, 0], // popupAnchor: [0, 0],
innerIconStyle: "font-size: 15px;", // innerIconStyle: "font-size: 15px;",
// html: "<span class=\"fa-stack\"><i class=\"fas fa-shopping-cart fa-stack-1x\" style=\"color:#808080;\"></i></span>", // // html: "<span class=\"fa-stack\"><i class=\"fas fa-shopping-cart fa-stack-1x\" style=\"color:#808080;\"></i></span>",
borderWidth: 0, // borderWidth: 0,
borderColor: "transparent", // borderColor: "transparent",
backgroundColor: "transparent", // backgroundColor: "transparent",
textColor: getCommerceColor(feature.properties["nombre_act"]) //textColor: "#C0C0C0" // textColor: getCommerceColor(feature.properties["nombre_act"]) //textColor: "#C0C0C0"
}); // });
return new L.Marker(latlng, { // return new L.Marker(latlng, {
icon: shoppingMarker // icon: shoppingMarker
}); // });
} // }
}); // });
let layer_bancos = new L.geoJson(null, { // let layer_bancos = new L.geoJson(null, {
attribution: "", // attribution: "",
pane: "pane_bancos", // pane: "pane_bancos",
//onEachFeature: pop_escuelas, // //onEachFeature: pop_escuelas,
pointToLayer: function(feature, latlng) { // pointToLayer: function(feature, latlng) {
// let context = { // // let context = {
// feature: feature, // // feature: feature,
// variables: {} // // variables: {}
// }; // // };
let bancosMarker = L.BeautifyIcon.icon({ // let bancosMarker = L.BeautifyIcon.icon({
icon: "desechos", // icon: "desechos",
iconSize: [0, 0], // iconSize: [0, 0],
iconAnchor: [7, 10], // iconAnchor: [7, 10],
iconShape: "", //"circle", // iconShape: "", //"circle",
popupAnchor: [0, 0], // popupAnchor: [0, 0],
innerIconStyle: "font-size: 12px;", // innerIconStyle: "font-size: 12px;",
html: "<span class=\"fa-stack\"><i class=\"fas fa-desechos fa-stack-1x\" style=\"color:#c0ca33;\"></i><i class =\"fas fa-dollar fa-stack-1x fa-inverse\"></i></span>", // html: "<span class=\"fa-stack\"><i class=\"fas fa-desechos fa-stack-1x\" style=\"color:#c0ca33;\"></i><i class =\"fas fa-dollar fa-stack-1x fa-inverse\"></i></span>",
borderWidth: 0, // borderWidth: 0,
borderColor: "transparent", // borderColor: "transparent",
backgroundColor: "transparent", // backgroundColor: "transparent",
textColor: "#C0C0C0" // textColor: "#C0C0C0"
}); // });
return new L.Marker(latlng, { // return new L.Marker(latlng, {
icon: bancosMarker // icon: bancosMarker
}); // });
} // }
}); // });
let layer_escuelas = new L.geoJson(null, { // let layer_escuelas = new L.geoJson(null, {
attribution: "", // attribution: "",
pane: "pane_escuelas", // pane: "pane_escuelas",
//onEachFeature: pop_escuelas, // //onEachFeature: pop_escuelas,
pointToLayer: function(feature, latlng) { // pointToLayer: function(feature, latlng) {
// let context = { // // let context = {
// feature: feature, // // feature: feature,
// variables: {} // // variables: {}
// }; // // };
let escuelaMarker = L.BeautifyIcon.icon({ // let escuelaMarker = L.BeautifyIcon.icon({
icon: "escuela", // icon: "escuela",
iconSize: [0, 0], // iconSize: [0, 0],
iconAnchor: [7, 10], // iconAnchor: [7, 10],
iconShape: "circle", // iconShape: "circle",
popupAnchor: [0, 0], // popupAnchor: [0, 0],
innerIconStyle: "font-size: 15px;", // innerIconStyle: "font-size: 15px;",
borderWidth: 0, // borderWidth: 0,
borderColor: "transparent", // borderColor: "transparent",
backgroundColor: "transparent", // backgroundColor: "transparent",
textColor: getSchoolColor(feature.properties["Nivel"]) // textColor: getSchoolColor(feature.properties["Nivel"])
}); // });
return new L.Marker(latlng, { // return new L.Marker(latlng, {
icon: escuelaMarker // icon: escuelaMarker
}); // });
} // }
}); // });
let layer_hospitales = new L.geoJson(null, { // let layer_hospitales = new L.geoJson(null, {
attribution: "", // attribution: "",
pane: "pane_hospitales", // pane: "pane_hospitales",
//onEachFeature: pop_hospitales, // //onEachFeature: pop_hospitales,
pointToLayer: function(feature, latlng) { // pointToLayer: function(feature, latlng) {
// let context = { // // let context = {
// feature: feature, // // feature: feature,
// variables: {} // // variables: {}
// }; // // };
let hospitalMarker = L.BeautifyIcon.icon({ // let hospitalMarker = L.BeautifyIcon.icon({
icon: "desechos", // icon: "desechos",
iconSize: [0, 0], // iconSize: [0, 0],
iconAnchor: [7, 10], // iconAnchor: [7, 10],
iconShape: "circle", // iconShape: "circle",
popupAnchor: [0, 0], // popupAnchor: [0, 0],
innerIconStyle: "font-size: 13px;", // innerIconStyle: "font-size: 13px;",
html: "<span class=\"fa-stack\"><i class=\"fas fa-desechos fa-stack-1x\" style=\"color:#ff0000;\"></i><i class =\"fas fa-plus-circle fa-stack-1x fa-inverse\"></i></span>", // html: "<span class=\"fa-stack\"><i class=\"fas fa-desechos fa-stack-1x\" style=\"color:#ff0000;\"></i><i class =\"fas fa-plus-circle fa-stack-1x fa-inverse\"></i></span>",
borderWidth: 0, // borderWidth: 0,
borderColor: "transparent", // borderColor: "transparent",
backgroundColor: "transparent", // backgroundColor: "transparent",
textColor: "#C0C0C0" // textColor: "#C0C0C0"
}); // });
return new L.Marker(latlng, { // return new L.Marker(latlng, {
icon: hospitalMarker // icon: hospitalMarker
}); // });
} // }
}); // });
let layer_hoteles = new L.geoJson(null, { // let layer_hoteles = new L.geoJson(null, {
attribution: "", // attribution: "",
pane: "pane_hoteles", // pane: "pane_hoteles",
//onEachFeature: pop_hoteles, // //onEachFeature: pop_hoteles,
pointToLayer: function(feature, latlng) { // pointToLayer: function(feature, latlng) {
// let context = { // // let context = {
// feature: feature, // // feature: feature,
// variables: {} // // variables: {}
// }; // // };
let hotelMarker = L.BeautifyIcon.icon({ // let hotelMarker = L.BeautifyIcon.icon({
icon: "bed", // icon: "bed",
iconSize: [0, 0], // iconSize: [0, 0],
iconAnchor: [7, 10], // iconAnchor: [7, 10],
iconShape: "circle", // iconShape: "circle",
popupAnchor: [0, 0], // popupAnchor: [0, 0],
innerIconStyle: "font-size: 12px;", // innerIconStyle: "font-size: 12px;",
borderWidth: 0, // borderWidth: 0,
borderColor: "transparent", // borderColor: "transparent",
backgroundColor: "transparent", // backgroundColor: "transparent",
textColor: "#808080" // textColor: "#808080"
}); // });
return new L.Marker(latlng, { // return new L.Marker(latlng, {
icon: hotelMarker // icon: hotelMarker
}); // });
} // }
}); // });
const style_munis_contexto = () => { const style_munis_contexto = () => {
return { return {
...@@ -676,27 +699,72 @@ let crecimiento_urbano = new L.layerGroup([layer_agebs2005, layer_agebs2010, lay ...@@ -676,27 +699,72 @@ let crecimiento_urbano = new L.layerGroup([layer_agebs2005, layer_agebs2010, lay
// minZoom: 9 // minZoom: 9
}); });
// const style_agricolapv = feature => { const style_centros = feature => {
// return { return {
// pane: "pane_agricolapv", pane: "pane_centros",
// opacity: 1, opacity: 1,
// color: getCultivoBorder(feature.properties['CULTIVO']), color: "rgba(110,100,110,0.7)",
// //dashArray: "3 2", //dashArray: "3 2",
// lineCap: "butt", lineCap: "butt",
// lineJoin: "miter", lineJoin: "miter",
// weight: 0.5, //1.0, weight: 0.5, //1.0,
// fill: true, fill: true,
// fillOpacity: 1, fillOpacity: .4,
// fillColor: getCultivoColor(feature.properties['CULTIVO']) fillColor: getCentrosColor(feature.properties['OCUPADOS']),
// } fillPattern: "stripes"
// } }
}
// let layer_agricolapv = new L.geoJson(null, { let layer_centros = new L.geoJson(null, {
// attribution: "", attribution: "",
// pane: "pane_agricolapv", pane: "pane_centros",
// //onEachFeature: pop_ANPs, //onEachFeature: pop_ANPs,
// style: style_agricolaoi style: style_centros
// }); });
const style_hacia = feature => {
return {
pane: "pane_hacia",
opacity: 1,
color: "rgba(110,110,110,0.7)",
//dashArray: "3 2",
lineCap: "butt",
lineJoin: "miter",
weight: 0.5, //1.0,
fill: true,
fillOpacity: 1,
fillColor: getHaciaColor(feature.properties['PERSONAS'])
}
}
let layer_hacia = new L.geoJson(null, {
attribution: "",
pane: "pane_hacia",
//onEachFeature: pop_ANPs,
style: style_hacia
});
const style_desde = feature => {
return {
pane: "pane_desde",
opacity: 1,
color: "rgba(110,110,110,0.7)",
//dashArray: "3 2",
lineCap: "butt",
lineJoin: "miter",
weight: 0.5, //1.0,
fill: true,
fillOpacity: 1,
fillColor: getDesdeColor(feature.properties['PERSONAS'])
}
}
let layer_desde = new L.geoJson(null, {
attribution: "",
pane: "pane_desde",
//onEachFeature: pop_ANPs,
style: style_desde
});
const styleDrawnItems = () => { const styleDrawnItems = () => {
let currentId = 0; let currentId = 0;
...@@ -753,12 +821,12 @@ const makeBaseMap = () => { ...@@ -753,12 +821,12 @@ const makeBaseMap = () => {
createPane("pane_tecnologia2010", 412); createPane("pane_tecnologia2010", 412);
createPane("pane_tecnologia2014", 412); createPane("pane_tecnologia2014", 412);
createPane("pane_tecnologia2018", 412); createPane("pane_tecnologia2018", 412);
createPane("pane_centros", 420);
createPane("pane_escuelas", 413); createPane("pane_escuelas", 413);
createPane("pane_hoteles", 414);
createPane("pane_hospitales", 415); createPane("pane_hospitales", 415);
createPane("pane_supermercados", 416); createPane("pane_supermercados", 416);
createPane("pane_bancos", 417); createPane("pane_desde", 414);
createPane("pane_vferreas", 418); createPane("pane_hacia", 415);
// createPane("pane_agricolaoi", 419); // createPane("pane_agricolaoi", 419);
// createPane("pane_agricolapv", 420); // createPane("pane_agricolapv", 420);
createPane("pane_agebs", 421); createPane("pane_agebs", 421);
...@@ -794,11 +862,13 @@ const makeBaseMap = () => { ...@@ -794,11 +862,13 @@ const makeBaseMap = () => {
layerControl.addOverlay(layer_tecnologia2018, "&nbsp; <i class=\"fa fa-desechos\" style=\"color:#c70039;margin-top:3px;margin-left:0px;font-size: 8px;opacity:0.75;\"></i>&nbsp;&nbsp;Unidades económicas en la industria de tecnología media-alta 2018 "); layerControl.addOverlay(layer_tecnologia2018, "&nbsp; <i class=\"fa fa-desechos\" style=\"color:#c70039;margin-top:3px;margin-left:0px;font-size: 8px;opacity:0.75;\"></i>&nbsp;&nbsp;Unidades económicas en la industria de tecnología media-alta 2018 ");
// layerControl.addOverlay(layer_supermercados, "Supermercados y tiendas departamentales<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class=\"fa fa-shopping-cart\" style=\"color:#9e4244 ;margin-top:3px; margin-left:0px;font-size: 13px;\"></i> Supermercados<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class=\"fa fa-shopping-cart\" style=\"color:#fc464e;margin-top:3px; margin-left:0px;font-size: 13px;\"></i> Tiendas Departamentales"); // layerControl.addOverlay(layer_supermercados, "Supermercados y tiendas departamentales<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class=\"fa fa-shopping-cart\" style=\"color:#9e4244 ;margin-top:3px; margin-left:0px;font-size: 13px;\"></i> Supermercados<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class=\"fa fa-shopping-cart\" style=\"color:#fc464e;margin-top:3px; margin-left:0px;font-size: 13px;\"></i> Tiendas Departamentales");
// zip2Lyr("../riesgos/data/Bancos.zip", bancos, layer_bancos); zip2Lyr("../centropais/data/Centros_de_mercado_de_ocupados.zip", centros, layer_centros);
// layerControl.addOverlay(layer_bancos, "<span class = \"fa fa-stack\" style=\"padding-top: 6px;\"><i class=\"fas fa-desechos fa-stack-1x\" style=\"color:#c0ca33;\"></i><i class=\"fas fa-dollar fa-stack-1x fa-inverse\"></i></span>Bancos"); layerControl.addOverlay(layer_centros, "Centros de mercado <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<svg height=\"15\" width=\"15\"><path d=\"M0 0 L15 0 L15 10 L0 10 Z \" x=\"5\" y=\"5\" fill=\"#d1ff73\" stroke=\"#aaff00\" stroke-dasharray=\" \"></rect></svg> Terciario<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<svg height=\"15\" width=\"15\"><path d=\"M0 0 L15 0 L15 10 L0 10 Z \" x=\"5\" y=\"5\" fill=\"#8e1973\" stroke = \"#a80084\" stroke-dasharray=\" \"></rect></svg> Secundario<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<svg height = \"15\" width=\"15\"><path d=\"M0 0 L15 0 L15 10 L0 10 Z \" x=\"5\" y=\"5\" fill=\"#ff5500\" stroke = \"#e60000\" stroke-dasharray=\" \"></rect></svg> Primario");
// layerControl.addOverlay(layer_vferreas, "<img src=\"http://gaia.inegi.org.mx/NLB/tunnel/wms/mdm6wms?map=/opt/map/mdm60/mdm61leyendaprueba.map&Request=GetLegendGraphic&format=image/png&Version=1.1.1&Service=WMS&LAYER=c202\" alt=\"Vías Férreas\"/>"); // layerControl.addOverlay(layer_vferreas, "<img src=\"http://gaia.inegi.org.mx/NLB/tunnel/wms/mdm6wms?map=/opt/map/mdm60/mdm61leyendaprueba.map&Request=GetLegendGraphic&format=image/png&Version=1.1.1&Service=WMS&LAYER=c202\" alt=\"Vías Férreas\"/>");
// zip2Lyr("../riesgos/data/agricola_oi.zip", agricolaoi, layer_agricolaoi); zip2Lyr("../centropais/data/hacia.zip", hacia, layer_hacia);
// layerControl.addOverlay(layer_agricolaoi, "Ciclo agrícola (Otoño-Invierno), SIAP-SADER 2017-2018 <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<svg height=\"15\" width=\"15\"><path d=\"M0 0 L15 0 L15 10 L0 10 Z \" x=\"5\" y=\"5\" fill=\"#d1ff73\" stroke=\"#aaff00\" stroke-dasharray=\" \"></rect></svg> Maíz grano<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<svg height=\"15\" width=\"15\"><path d=\"M0 0 L15 0 L15 10 L0 10 Z \" x=\"5\" y=\"5\" fill=\"#8e1973\" stroke = \"#a80084\" stroke-dasharray=\" \"></rect></svg> Frijol<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<svg height = \"15\" width=\"15\"><path d=\"M0 0 L15 0 L15 10 L0 10 Z \" x=\"5\" y=\"5\" fill=\"#ff5500\" stroke = \"#e60000\" stroke-dasharray=\" \"></rect></svg> Sorgo grano"); layerControl.addOverlay(layer_hacia, "Número de ocupados <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<svg height=\"15\" width=\"15\"><path d=\"M0 0 L15 0 L15 10 L0 10 Z \" x=\"5\" y=\"5\" fill=\"#e3fcd9\" stroke=\"#6e6e6e\" stroke-dasharray=\" \"></rect></svg> 0 - 1000<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<svg height=\"15\" width=\"15\"><path d=\"M0 0 L15 0 L15 10 L0 10 Z \" x=\"5\" y=\"5\" fill=\"#b4d787\" stroke = \"#6e6e6e\" stroke-dasharray=\" \"></rect></svg> 1001 - 2000<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<svg height = \"15\" width=\"15\"><path d=\"M0 0 L15 0 L15 10 L0 10 Z \" x=\"5\" y=\"5\" fill=\"#4bc44f\" stroke = \"#6e6e6e\" stroke-dasharray=\" \"></rect></svg> 2001 - 6000 <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<svg height = \"15\" width=\"15\"><path d=\"M0 0 L15 0 L15 10 L0 10 Z \" x=\"5\" y=\"5\" fill=\"#218542\" stroke = \"#6e6e6e\" stroke-dasharray=\" \"></rect></svg> 6001 - 32000 <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<svg height = \"15\" width=\"15\"><path d=\"M0 0 L15 0 L15 10 L0 10 Z \" x=\"5\" y=\"5\" fill=\"#00451c\" stroke = \"#6e6e6e\" stroke-dasharray=\" \"></rect></svg> 32001 - 53300");
zip2Lyr("../centropais/data/desde.zip", desde, layer_desde);
layerControl.addOverlay(layer_desde, "Número de ocupados <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<svg height=\"15\" width=\"15\"><path d=\"M0 0 L15 0 L15 10 L0 10 Z \" x=\"5\" y=\"5\" fill=\"#ffebbf\" stroke=\"#6e6e6e\" stroke-dasharray=\" \"></rect></svg> Menos de 1000<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<svg height=\"15\" width=\"15\"><path d=\"M0 0 L15 0 L15 10 L0 10 Z \" x=\"5\" y=\"5\" fill=\"#ffaa00\" stroke = \"#6e6e6e\" stroke-dasharray=\" \"></rect></svg> 1001 - 2000<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<svg height = \"15\" width=\"15\"><path d=\"M0 0 L15 0 L15 10 L0 10 Z \" x=\"5\" y=\"5\" fill=\"#fc7f44\" stroke = \"#6e6e6e\" stroke-dasharray=\" \"></rect></svg> 2001- 6000 <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<svg height = \"15\" width=\"15\"><path d=\"M0 0 L15 0 L15 10 L0 10 Z \" x=\"5\" y=\"5\" fill=\"#b30000\" stroke = \"#6e6e6e\" stroke-dasharray=\" \"></rect></svg> 6001 - 7200");
// zip2Lyr("../riesgos/data/agricola_pv.zip", agricolapv, layer_agricolapv); // zip2Lyr("../riesgos/data/agricola_pv.zip", agricolapv, layer_agricolapv);
// layerControl.addOverlay(layer_agricolapv, "Ciclo agrícola (Primavera-Verano), SIAP-SADER 2017 <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<svg height=\"15\" width=\"15\"><path d=\"M0 0 L15 0 L15 10 L0 10 Z \" x=\"5\" y=\"5\" fill=\"#d1ff73\" stroke=\"#aaff00\" stroke-dasharray=\" \"></rect></svg> Maíz grano<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<svg height=\"15\" width=\"15\"><path d=\"M0 0 L15 0 L15 10 L0 10 Z \" x=\"5\" y=\"5\" fill=\"#8e1973\" stroke = \"#a80084\" stroke-dasharray=\" \"></rect></svg> Frijol<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<svg height = \"15\" width=\"15\"><path d=\"M0 0 L15 0 L15 10 L0 10 Z \" x=\"5\" y=\"5\" fill=\"#ff5500\" stroke = \"#e60000\" stroke-dasharray=\" \"></rect></svg> Sorgo grano"); // layerControl.addOverlay(layer_agricolapv, "Ciclo agrícola (Primavera-Verano), SIAP-SADER 2017 <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<svg height=\"15\" width=\"15\"><path d=\"M0 0 L15 0 L15 10 L0 10 Z \" x=\"5\" y=\"5\" fill=\"#d1ff73\" stroke=\"#aaff00\" stroke-dasharray=\" \"></rect></svg> Maíz grano<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<svg height=\"15\" width=\"15\"><path d=\"M0 0 L15 0 L15 10 L0 10 Z \" x=\"5\" y=\"5\" fill=\"#8e1973\" stroke = \"#a80084\" stroke-dasharray=\" \"></rect></svg> Frijol<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<svg height = \"15\" width=\"15\"><path d=\"M0 0 L15 0 L15 10 L0 10 Z \" x=\"5\" y=\"5\" fill=\"#ff5500\" stroke = \"#e60000\" stroke-dasharray=\" \"></rect></svg> Sorgo grano");
// zip2Lyr("../riesgos/data/poblacionAGEB.zip", agebsbydens, layer_agebsbydens); // zip2Lyr("../riesgos/data/poblacionAGEB.zip", agebsbydens, layer_agebsbydens);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment