cities = {// crear nuevo objeto similar al que existe en la función info_imagen para utilizarlo dentro del scope 8: [1, "Dajabón", 64, 85,"popular-widget-27"], 58: [2, "Santiago Rodríguez", 106, 95,"popular-widget-4"], 46: [3, "Valverde", 155, 57,"popular-widget-32"], 45: [4, "Puerto Plata", 198, 40,"popular-widget-11"], 77: [5, "Santiago", 178, 101,"popular-widget-3"], 185: [6, "Elias Piña", 56, 164,"popular-widget-24"], 66: [7, "San Juan", 119, 181,"popular-widget-7"], 204: [8, "Independencia", 70, 266,"popular-widget-21"], 207: [9, "Bahoruco", 107, 245,"popular-widget-29"], 240: [10, "Pedernales", 75, 334,"popular-widget-13"], 191: [11, "Barahona", 124, 306,"popular-widget-28"], 85: [12, "Azua", 187, 229,"popular-widget-30"], 97: [13, "La Vega", 223, 148,"popular-widget-18"], 164: [14, "San José de Ocoa", 243, 226,"popular-widget-8"], 158: [15, "Monseñor Nouel", 256, 182,"popular-widget-16"], 142: [16, "Duarte", 308, 124,"popular-widget-26"], 102: [17, "Hermanas Mirabal", 263, 96,"popular-widget-22"], 119: [18, "Espaillat", 256, 64,"popular-widget-31"], 134: [19, "María Trinidad Sánchez", 321, 91,"popular-widget-17"], 149: [20, "Sánchez Ramírez", 298, 158,"popular-widget-5"], 199: [21, "San Cristóbal", 280, 225,"popular-widget-9"], 176: [22, "Peravia", 262, 270,"popular-widget-12"], 183: [23, "Santo Domingo", 338, 226,"popular-widget-2"], 208: [24, "Monte Plata", 362, 187,"popular-widget-15"], 248: [25, "San Pedro de Macorís", 421, 242,"popular-widget-6"], 215: [26, "Hato Mayor", 425, 187,"popular-widget-23"], 205: [27, "Samaná", 405, 117,"popular-widget-10"], 231: [28, "El Seibo", 472, 191,"popular-widget-25"], 225: [29, "La Romana", 483, 243,"popular-widget-19"], 247: [30, "La Altagracia", 530, 230,"popular-widget-20"], 22: [31, "Monte Cristi", 94, 43,"popular-widget-14"], 249: [32, "Distrito Nacional", 346, 243,"popular-widget-33"] };
/* * Controlador de Mapa */ //Map's Controller. @HWRS function info_imagen(ctx) {
var pix = ctx.getImageData(0, 0, ctx.canvas.width , 432);
jQuery("#map_wrapper").mousemove(function (e) { datapos = Math.round(((e.offsetY - 2) * ctx.canvas.width * 4) + ((e.offsetX - 1) * 4)); red = pix.data[datapos];
//Rename variable, cities . @HWRS ciudad = cities;
if ( (red > 0) && (red in ciudad) ) { jQuery("#map_wrapper").css("background-position", filterFloat(filterFloat((ciudad[red][0])) * (ctx.canvas.width * -1)) + "px 0px").css("cursor", "pointer"); jQuery("#txtciudad").text(ciudad[red][1]);
posx = ciudad[red][2]; posy = ciudad[red][3];
}
});
}
//Initialization's Image Map on Canvas . @HWRS ({ init: function () {
var canvas = document.createElement("canvas"); canvas.height = 432; canvas.width = 625;
position = jQuery(canvas).position(); var ctx = canvas.getContext('2d');
generalCtx= ctx;
// create img var img = document.createElement("img"); img.src = "https://titulacion.gob.do/wp-content/themes/theme_cptte/images/canvasmap_shadowmap.png";
img.onload = function (e) { ctx.drawImage(img, 0, 0); info_imagen(ctx); };
dynamic_datapos = Math.round((( posy - 2) * generalCtx.canvas.width * 4) + ((posx - 1) * 4)); dynamic_pix = generalCtx.getImageData(0, 0, generalCtx.canvas.width , 432);
} }).init();
© Comisión Permanente de Titulación de Terrenos del Estado (CPTTE) todos los derechos reservados 2022
Consulte el informe sobre los terrenos de Vicentillo, El Seibo.
Descargar