var map = L.map('apellidosmap').setView([22.22, -102.65], 5);
L.tileLayer('https://{s}.tiles.wmflabs.org/hikebike/{z}/{x}/{y}.png', {
maxZoom: 19,
attribution: '© OpenStreetMap'}).addTo(map);
var apellidoCaption = 'Flores';
var propertiesTable = {
props: [
{"id": 1,"properties": {"name": "Aguascalientes", "frecApellido": 18}},
{"id": 2,"properties": {"name": "Baja California", "frecApellido": 17.9}},
{"id": 3,"properties": {"name": "Baja California Sur", "frecApellido": 16.6}},
{"id": 4,"properties": {"name": "Campeche", "frecApellido": 'menos de 12'}},
{"id": 5,"properties": {"name": "Coahuila de Zaragoza", "frecApellido": 20.6}},
{"id": 6,"properties": {"name": "Colima", "frecApellido": 17.3}},
{"id": 7,"properties": {"name": "Chiapas", "frecApellido": 'menos de 12'}},
{"id": 9,"properties": {"name": "Chihuahua", "frecApellido": 16.3}},
{"id": 10,"properties": {"name": "Distrito Federal", "frecApellido": 22.8}},
{"id": 11,"properties": {"name": "Durango", "frecApellido": 22.1}},
{"id": 12,"properties": {"name": "Guanajuato", "frecApellido": 14.3}},
{"id": 13,"properties": {"name": "Guerrero", "frecApellido": 21.9}},
{"id": 14,"properties": {"name": "Hidalgo", "frecApellido": 13.7}},
{"id": 15,"properties": {"name": "Jalisco", "frecApellido": 20.9}},
{"id": 16,"properties": {"name": "México", "frecApellido": 20.5}},
{"id": 17,"properties": {"name": "Michoacán de Ocampo", "frecApellido": 'menos de 12'}},
{"id": 18,"properties": {"name": "Morelos", "frecApellido": 30.9}},
{"id": 19,"properties": {"name": "Nayarit", "frecApellido": 24.3}},
{"id": 20,"properties": {"name": "Nuevo León", "frecApellido": 19.5}},
{"id": 21,"properties": {"name": "Oaxaca", "frecApellido": 'menos de 12'}},
{"id": 22,"properties": {"name": "Puebla", "frecApellido": 31.8}},
{"id": 23,"properties": {"name": "Querétaro Arteaga", "frecApellido": 'menos de 12'}},
{"id": 24,"properties": {"name": "Quintana Roo", "frecApellido": 'menos de 12'}},
{"id": 25,"properties": {"name": "San Luis Potosí", "frecApellido": 17}},
{"id": 26,"properties": {"name": "Sinaloa", "frecApellido": 12.5}},
{"id": 27,"properties": {"name": "Sonora", "frecApellido": 'menos de 12'}},
{"id": 28,"properties": {"name": "Tabasco", "frecApellido": 'menos de 12'}},
{"id": 29,"properties": {"name": "Tamaulipas", "frecApellido": 17.2}},
{"id": 30,"properties": {"name": "Tlaxcala", "frecApellido": 41}},
{"id": 31,"properties": {"name": "Veracruz de Ignacio de la Llave", "frecApellido": 14.7}},
{"id": 32,"properties": {"name": "Yucatán", "frecApellido": 'menos de 12'}},
{"id": 33,"properties": {"name": "Zacatecas", "frecApellido": 19.3}}
]};
// COLORES
// http://www.perbang.dk/rgbgradient/
function getColor(d) {
return d > 36.9 ? '#771609' :
d > 32.8 ? '#B93E34' :
d > 28.7 ? '#B9504B' :
d > 24.6 ? '#BA6263' :
d > 20.5 ? '#BA747A' :
d > 16.4 ? '#BA8592' :
d > 12.3 ? '#BB97A9' :
d > 8.2 ? '#BBA9C1' :
d > 4.1 ? '#BBBBD8' :
'#BCCDF0';
}
// LEYENDA
var legend = L.control({position: 'bottomleft'});
legend.onAdd = function (map) {
var div = L.DomUtil.create('div', 'info legend'),
grades = [0, 4.1, 8.2, 12.3, 16.4, 20.5, 24.6, 28.7, 32.8, 36.9],
labels = [],
from, to;
for (var i = 0; i < grades.length; i++) {
from = grades[i];
to = grades[i + 1];
labels.push(' ' + from + (to ? '–' + to : '+'));
}
div.innerHTML = labels.join('
');
return div;
};
legend.addTo(map);
// END LEYENDA