var map = L.map('apellidosmap').setView([22.22, -102.65], 5);

L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}', {
    maxZoom: 19,
    attribution: 'Tiles © Esri — Source: Esri, DeLorme, NAVTEQ, USGS, Intermap, iPC, NRCAN, Esri Japan, METI, Esri China (Hong Kong), Esri (Thailand), TomTom, 2012'}).addTo(map);

var apellidoCaption = 'Cruz';

var propertiesTable = {
    props: [

	{"id": 1,"properties": {"name": "Aguascalientes", "frecApellido": 'menos de 11'}}, 
	{"id": 2,"properties": {"name": "Baja California", "frecApellido": 'menos de 11'}}, 
	{"id": 3,"properties": {"name": "Baja California Sur", "frecApellido": 'menos de 11'}}, 
	{"id": 4,"properties": {"name": "Campeche", "frecApellido": 24}}, 
	{"id": 5,"properties": {"name": "Coahuila de Zaragoza", "frecApellido": 'menos de 11'}}, 
	{"id": 6,"properties": {"name": "Colima", "frecApellido": 'menos de 11'}}, 
	{"id": 7,"properties": {"name": "Chiapas", "frecApellido": 33.2}}, 
	{"id": 9,"properties": {"name": "Chihuahua", "frecApellido": 11.4}}, 
	{"id": 10,"properties": {"name": "Distrito Federal", "frecApellido": 21.1}}, 
	{"id": 11,"properties": {"name": "Durango", "frecApellido": 'menos de 11'}}, 
	{"id": 12,"properties": {"name": "Guanajuato", "frecApellido": 'menos de 11'}}, 
	{"id": 13,"properties": {"name": "Guerrero", "frecApellido": 14.3}}, 
	{"id": 14,"properties": {"name": "Hidalgo", "frecApellido": 35.3}}, 
	{"id": 15,"properties": {"name": "Jalisco", "frecApellido": 'menos de 11'}}, 
	{"id": 16,"properties": {"name": "México", "frecApellido": 24.2}}, 
	{"id": 17,"properties": {"name": "Michoacán de Ocampo", "frecApellido": 13.3}}, 
	{"id": 18,"properties": {"name": "Morelos", "frecApellido": 12.4}}, 
	{"id": 19,"properties": {"name": "Nayarit", "frecApellido": 'menos de 11'}}, 
	{"id": 20,"properties": {"name": "Nuevo León", "frecApellido": 'menos de 11'}}, 
	{"id": 21,"properties": {"name": "Oaxaca", "frecApellido": 52.6}}, 
	{"id": 22,"properties": {"name": "Puebla", "frecApellido": 19.3}}, 
	{"id": 23,"properties": {"name": "Querétaro Arteaga", "frecApellido": 19.3}}, 
	{"id": 24,"properties": {"name": "Quintana Roo", "frecApellido": 16.8}}, 
	{"id": 25,"properties": {"name": "San Luis Potosí", "frecApellido": 15.1}}, 
	{"id": 26,"properties": {"name": "Sinaloa", "frecApellido": 'menos de 11'}}, 
	{"id": 27,"properties": {"name": "Sonora", "frecApellido": 'menos de 11'}}, 
	{"id": 28,"properties": {"name": "Tabasco", "frecApellido": 23.9}}, 
	{"id": 29,"properties": {"name": "Tamaulipas", "frecApellido": 22.3}}, 
	{"id": 30,"properties": {"name": "Tlaxcala", "frecApellido": 11.5}}, 
	{"id": 31,"properties": {"name": "Veracruz de Ignacio de la Llave", "frecApellido": 32}}, 
	{"id": 32,"properties": {"name": "Yucatán", "frecApellido": 'menos de 11'}}, 
	{"id": 33,"properties": {"name": "Zacatecas", "frecApellido": 'menos de 11'}} 

]};

// COLORES
// http://www.perbang.dk/rgbgradient/
function getColor(d) {	
	return d > 47.3 ? '#771609' :
	       d > 42.1   ? '#B93E34' :
	       d > 36.8  ? '#B9504B' :
		   d > 31.6   ? '#BA6263' :
		   d > 26.3   ? '#BA747A' :
		   d > 21.0   ? '#BA8592' :
		   d > 15.8   ? '#BB97A9' :
		   d > 10.5   ? '#BBA9C1' :
	       d > 5.3   ? '#BBBBD8' :
			  '#BCCDF0';
}

// LEYENDA
var legend = L.control({position: 'bottomleft'});
legend.onAdd = function (map) {
	var div = L.DomUtil.create('div', 'info legend'),
		grades = [0, 5.3, 10.5, 15.8, 21.0, 26.3, 31.6, 36.8, 42.1, 47.3],
		labels = [],
		from, to;

	for (var i = 0; i < grades.length; i++) {
		from = grades[i];
		to = grades[i + 1];

		labels.push('<i style="background:' + getColor(from + 1) + '"></i> ' + from + (to ? '&ndash;' + to : '+'));
	}

	div.innerHTML = labels.join('<br>');
	return div;
};
legend.addTo(map);
// END LEYENDA