{"id":1090,"date":"2019-08-14T13:33:56","date_gmt":"2019-08-14T19:33:56","guid":{"rendered":"https:\/\/ugit.siua.ac.cr\/?p=1090"},"modified":"2019-09-25T14:43:49","modified_gmt":"2019-09-25T20:43:49","slug":"como-crear-mapas-con-jquery-mapael","status":"publish","type":"post","link":"https:\/\/sada.services\/?p=1090","title":{"rendered":"PROGRAMACI\u00d3N: Como crear mapas con Jquery Mapael"},"content":{"rendered":"\n<ul class=\"wp-block-list\"><li>P\u00e1gina ofical: <a rel=\"noreferrer noopener\" aria-label=\"https:\/\/www.vincentbroute.fr\/mapael\/ (abre en una nueva pesta\u00f1a)\" href=\"https:\/\/www.vincentbroute.fr\/mapael\/\" target=\"_blank\">https:\/\/www.vincentbroute.fr\/mapael\/<\/a><\/li><li>Descarga: <a rel=\"noreferrer noopener\" aria-label=\"https:\/\/github.com\/neveldo\/jQuery-Mapael (abre en una nueva pesta\u00f1a)\" href=\"https:\/\/github.com\/neveldo\/jQuery-Mapael\" target=\"_blank\">https:\/\/github.com\/neveldo\/jQuery-Mapael<\/a><\/li><li>Conversor: <a href=\"https:\/\/www.vincentbroute.fr\/mapael\/create-map.php\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"https:\/\/www.vincentbroute.fr\/mapael\/create-map.php (abre en una nueva pesta\u00f1a)\">https:\/\/www.vincentbroute.fr\/mapael\/create-map.php<\/a><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Primero creamos un mapa en Illustrator, pero vamos ir convertiendo cada objeto en una \u00abtrazo compuesto\u00bb, para esto clic derecho sobre cada objeto <\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"411\" height=\"566\" src=\"\/wp-content\/uploads\/2019\/08\/trazo.png\" alt=\"\" class=\"wp-image-1093\" srcset=\"https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/trazo.png 411w, https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/trazo-218x300.png 218w\" sizes=\"(max-width: 411px) 100vw, 411px\" \/><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li>Luego guardamos el archivo como .svg para esto \u00abArchivo-&gt;Guardar como-&gt;SVG<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"330\" height=\"513\" src=\"\/wp-content\/uploads\/2019\/08\/2.png\" alt=\"\" class=\"wp-image-1094\" srcset=\"https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/2.png 330w, https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/2-193x300.png 193w\" sizes=\"(max-width: 330px) 100vw, 330px\" \/><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li>Con las opciones<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"580\" height=\"421\" src=\"\/wp-content\/uploads\/2019\/08\/3.png\" alt=\"\" class=\"wp-image-1095\" srcset=\"https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/3.png 580w, https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/3-300x218.png 300w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li>Luego vamos a la direcci\u00f3n web: <a rel=\"noreferrer noopener\" aria-label=\"https:\/\/www.vincentbroute.fr\/mapael\/create-map.php (abre en una nueva pesta\u00f1a)\" href=\"https:\/\/www.vincentbroute.fr\/mapael\/create-map.php\" target=\"_blank\">https:\/\/www.vincentbroute.fr\/mapael\/create-map.php<\/a><\/li><li>Y seleccionamos la opci\u00f3n: \u00abSVG to Mapael tool\u00bb<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"563\" src=\"\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_004-1024x563.png\" alt=\"\" class=\"wp-image-1098\" srcset=\"https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_004-1024x563.png 1024w, https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_004-300x165.png 300w, https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_004-768x422.png 768w, https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_004.png 1082w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>O podemos ingresar directamente en: <a rel=\"noreferrer noopener\" aria-label=\"https:\/\/www.vincentbroute.fr\/mapael\/svg-to-mapael.php (abre en una nueva pesta\u00f1a)\" href=\"https:\/\/www.vincentbroute.fr\/mapael\/svg-to-mapael.php\" target=\"_blank\">https:\/\/www.vincentbroute.fr\/mapael\/svg-to-mapael.php<\/a><\/li><li>Aqu\u00ed ingresamos el nombre del mapa<\/li><li>Autor<\/li><li>Y escojemos el archivo SVG creado en illustrator<\/li><li>y le damos clic en el bot\u00f3n  \u00abGenerate mapael map\u00bb<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"461\" src=\"\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_005-1024x461.png\" alt=\"\" class=\"wp-image-1099\" srcset=\"https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_005-1024x461.png 1024w, https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_005-300x135.png 300w, https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_005-768x346.png 768w, https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_005.png 1282w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li>Ahora creamos una pagina index.html<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html>\n&lt;html lang=\"en\">\n&lt;head>\n\t&lt;meta charset=\"UTF-8\">\n\t&lt;title>Demo&lt;\/title>\n&lt;\/head>\n&lt;body>\n\t\n&lt;\/body>\n&lt;\/html><\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Vamos a la p\u00e1gina del proyecto y lo descargamos: <a rel=\"noreferrer noopener\" aria-label=\"https:\/\/github.com\/neveldo\/jQuery-Mapael (abre en una nueva pesta\u00f1a)\" href=\"https:\/\/github.com\/neveldo\/jQuery-Mapael\" target=\"_blank\">https:\/\/github.com\/neveldo\/jQuery-Mapael<\/a><\/li><li>Descargamos jquery  <a rel=\"noreferrer noopener\" aria-label=\"https:\/\/code.jquery.com\/jquery-3.4.1.min.js (abre en una nueva pesta\u00f1a)\" href=\"https:\/\/code.jquery.com\/jquery-3.4.1.min.js\" target=\"_blank\">https:\/\/code.jquery.com\/jquery-3.4.1.min.js<\/a><\/li><li>Descragamos raphael: <a rel=\"noreferrer noopener\" aria-label=\" (abre en una nueva pesta\u00f1a)\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/raphael\/2.2.7\/raphael.min.js\" target=\"_blank\">https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/raphael\/2.2.7\/raphael.min.js<\/a><\/li><li>Y descargamos jquery-mousewheel para poder hacer zoom con el scrollo del mouse <a rel=\"noreferrer noopener\" aria-label=\" (abre en una nueva pesta\u00f1a)\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery-mousewheel\/3.1.13\/jquery.mousewheel.min.js\" target=\"_blank\">https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery-mousewheel\/3.1.13\/jquery.mousewheel.min.js<\/a><\/li><li>Luego los incluimos en el proyecto<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script src=\"js\/jquery-3.1.1.min.js\" charset=\"utf-8\">&lt;\/script>\n&lt;script src=\"js\/raphael.min.js\" charset=\"utf-8\">&lt;\/script>\n&lt;script src=\"js\/jquery.mousewheel.min.js\" charset=\"utf-8\">&lt;\/script>\n&lt;script src=\"plugins\/jQuery-Mapael\/2.2.0\/js\/jquery.mapael.js\" charset=\"utf-8\">&lt;\/script><\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Luego incluimos el script generado con el paso anterior<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script src=\"mapas\/soporte\/planta_baja.js\" charset=\"utf-8\">&lt;\/script><\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Luego creamos con contenedor para desplegar el mapa<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"contenedor_mapa\">\n  &lt;div class=\"mapcontainer\">\n     &lt;div class=\"map\">\n     &lt;\/div>\n     &lt;div class=\"areaLegend\">\n     &lt;\/div>\n     &lt;div class=\"plotLegend\">\n     &lt;\/div>\n   &lt;\/div>\n&lt;\/div><\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Ahora buscar en la documentaci\u00f3n las propiedades que se pueden crear para el mapa:  <a rel=\"noreferrer noopener\" aria-label=\" (abre en una nueva pesta\u00f1a)\" href=\"https:\/\/www.vincentbroute.fr\/mapael\/#api-reference\" target=\"_blank\">https:\/\/www.vincentbroute.fr\/mapael\/#api-reference<\/a><\/li><li>Un ejemplo:<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>window.onload = function() {\n   \n    $(\".mapcontainer\").mapael({\n        map: {\n            name: \"planta_baja\", \/\/nombre del mapa\n\n            zoom:{ \n                enabled: true,\/\/habilita el zoom\n                mousewheel: true, \/\/Habilita el zoom por scrool del mouse requiere jquery.mousewheel.min.js\n                touch: true, \/\/habilita el touch\n                minLevel: 0, \/\/nivel minimo del zoom\n                maxLevel: 30, \/\/nivel m\u00e1ximo del zoom\n                step: 0.25, \/\/ tama\u00f1o de los saltos entre el zoom\n                animDuration: 200,\n                buttons:{ \/\/pemirte definir los botones\n                    reset:{ \/\/boton reiniciar valores\n                        cssClass: 'btn-zoom-reset', \/\/permite establecerle una clase\n                        content:\"Inicio\" \/\/conmtenido del bot\u00f3n\n                    },\n                    in:{\n                        cssClass: 'btn-zoom-in', \/\/permite establecerle una clase\n                        content:\"+\" \/\/contenido del bot\u00f3n   \n                    },\n                    out:{\n                        cssClass: 'btn-zoom-out', \/\/permite establecerle una clase\n                        content:\"-\" \/\/contenido del bot\u00f3n   \n                    }\n\n                }\n            },\n            defaultArea: {\n                attrs: {\n                    stroke: \"#333\",\n                    \"stroke-width\": 1,\n                    fill: \"#FFF\"\n                },\n                attrsHover: {\n                    fill: \"#00B9E6\",\n                    opacity: 1\n                },\n                text:{\n                    attrs:{\n                        fill: \"#333\",\n                    },\n                    attrsHover:{\n                        fill: \"#333\",   \n                    }\n                }\n            }\n        },\n        areas: {\n            \"D_Pasillo.01\": {\n                \"value\": \"D_Pasillo.01\",\n                \"attrs\": {\n                    \"href\": \"#\"\n                },\n                \"tooltip\": {\n                    \"content\": \"&lt;span style=\\\"font-weight:bold;\\\">D&lt;br \/>Pasillo.01&lt;\\\/span>\"\n                },\n                \"text\":{\n                    content:\"D\\nPasillo.01\",\n                    position:\"inner\"\n                }\n            },\n            \"D_Jardin.01\": {\n                \"value\": \"D_Jardin.01\",\n                \"attrs\": {\n                    \"href\": \"#\"\n                },\n                \"tooltip\": {\n                    \"content\": \"&lt;span style=\\\"font-weight:bold;\\\">D&lt;br \/>Jardin.01&lt;\\\/span>\"\n                },\n                \"text\":{\n                    content:\"D\\nJardin.01\",\n                    position:\"inner\",\n                }\n            },\n            \"D_Centro.Carga.01\": {\n                \"value\": \"D_Centro.Carga.01\",\n                \"attrs\": {\n                    \"href\": \"#\"\n                },\n                \"tooltip\": {\n                    \"content\": \"&lt;span style=\\\"font-weight:bold;\\\">D&lt;br \/>Centro.Carga.01&lt;\\\/span>\"\n                },\n                \"text\":{\n                    content:\"D\\nCentro\\nCarga 01\",\n                    position:\"inner\",\n                }\n            },\n            \"C_Pasillo.01\": {\n                \"value\": \"C_Pasillo.01\",\n                \"attrs\": {\n                    \"href\": \"#\"\n                },\n                \"tooltip\": {\n                    \"content\": \"&lt;span style=\\\"font-weight:bold;\\\">C&lt;br \/>Pasillo.01&lt;\\\/span>\"\n                },\n                \"text\":{\n                    content:\"C\\nPasillo.01\",\n                    position:\"inner\",\n                }\n            },\n            \"C_Cera.02\": {\n                \"value\": \"C_Cera.02\",\n                \"attrs\": {\n                    \"href\": \"#\"\n                },\n                \"tooltip\": {\n                    \"content\": \"&lt;span style=\\\"font-weight:bold;\\\">C&lt;br \/>Cera.02&lt;\\\/span>\"\n                },\n                \"text\":{\n                    content:\"C\\nCera.02\",\n                    position:\"inner\",\n                },\n                attrs: {\n                    fill: \"#A60000\"\n                }\n            },\n            \n        }\n    });\n};\n\n<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Abrimos el archivo generador planta_baja.js (el JS creado con SVG to Mapael) y revisamos la secci\u00f3n de tama\u00f1o para ver si reconoci\u00f3 el tama\u00f1o, sino se lo agregamos<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"395\" src=\"\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_007-1024x395.png\" alt=\"\" class=\"wp-image-1103\" srcset=\"https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_007-1024x395.png 1024w, https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_007-300x116.png 300w, https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_007-768x296.png 768w, https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_007.png 1320w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Resultado<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"518\" height=\"170\" src=\"\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_008.png\" alt=\"\" class=\"wp-image-1104\" srcset=\"https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_008.png 518w, https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_008-300x98.png 300w\" sizes=\"(max-width: 518px) 100vw, 518px\" \/><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li>Ahora podemos personalizar tambien el estilo<\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>.contenedor_mapa {\n  max-width: 70%;\n  margin: 0 auto;\n  \/*background-color: red;*\/\n}\n.mapael{\n  margin: 0 auto;\n  position: relative;\n}\n\n\n.mapael .mapTooltip {\n  position: absolute;\n  background-color: #333;\n  moz-opacity: 1;\n  opacity: 1;\n  filter: alpha(opacity=1);\n  border-radius: 10px;\n  padding: 10px;\n  z-index: 1000;\n  max-width: 400px;\n  display: none;\n  color: #FFF;\n}\n\n.mapael .areaLegend {\n  margin-bottom: 20px;\n}\n.btn-zoom-reset{\n  background-color: #333;\n  color: #FFF;\n  display: inline-block;\n  padding: 5px;\n  border-radius: 5px;\n  margin: 3px;\n  position: absolute;\n  left: 5px;\n  top: 5px;\n  width: 45px;\n  text-align: center;\n}\n.btn-zoom-in{\n  background-color: #333;\n  color: #FFF;\n  display: inline-block;\n  padding: 5px;\n  border-radius: 5px;\n  margin: 3px;\n  position: absolute;\n  left: 65px;\n  top: 5px;\n  width: 45px;\n  text-align: center;\n}\n.btn-zoom-out{\n  background-color: #333;\n  color: #FFF;\n  display: inline-block;\n  padding: 5px;\n  border-radius: 5px;\n  margin: 3px;\n  position: absolute;\n  left: 125px;\n  top: 5px;\n  width: 45px;\n  text-align: center;\n}\ntspan {\n  font-size: 0.6rem;\n  line-height: 2.6rem;\n}<\/code><\/pre>\n\n\n\n<ul class=\"wp-block-list\"><li>Y listo ya se despliega el mapa<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"533\" src=\"\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_003-2-1024x533.png\" alt=\"\" class=\"wp-image-1101\" srcset=\"https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_003-2-1024x533.png 1024w, https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_003-2-300x156.png 300w, https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_003-2-768x400.png 768w, https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_003-2.png 1693w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Como vemos en la imagen hay elementos que no se importaron bien si esto pasa<\/li><li>Podemos abrir en inkscape la imagen y habilitar la opci\u00f3n de Editor XML para ver el c\u00f3digo \u00abMen\u00fa-&gt;Edici\u00f3n-&gt;Editor XML\u00bb<\/li><li>De esta forma podemos tocar el objeto que no se import\u00f3 bien para ver c\u00f3digo<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"501\" src=\"\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_006-1024x501.png\" alt=\"\" class=\"wp-image-1102\" srcset=\"https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_006-1024x501.png 1024w, https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_006-300x147.png 300w, https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_006-768x376.png 768w, https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_006.png 1783w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Ahora compiamos el c\u00f3digo, ele ejemplo \u00abM147.7\u00bb<\/li><li>Abrimos el archivo \u00abPlanta_baja.js\u00bb (El JS 1creado con SVG to Mapael)<\/li><li>Y lo buscamos <\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"889\" height=\"271\" src=\"\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_009.png\" alt=\"\" class=\"wp-image-1105\" srcset=\"https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_009.png 889w, https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_009-300x91.png 300w, https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_009-768x234.png 768w\" sizes=\"(max-width: 889px) 100vw, 889px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Aqui el error que se da es que tiene doble puntois por esto simplemente eliminamos el siguiente punto hasta el final por ejemplo<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"523\" height=\"195\" src=\"\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_010.png\" alt=\"\" class=\"wp-image-1106\" srcset=\"https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_010.png 523w, https:\/\/sada.services\/wp-content\/uploads\/2019\/08\/Selecci\u00f3n_010-300x112.png 300w\" sizes=\"(max-width: 523px) 100vw, 523px\" \/><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li>Y listo<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Esta gu\u00eda como crear un mapa con jquery mapael<\/p>\n","protected":false},"author":2,"featured_media":2011,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[180,34],"class_list":["post-1090","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programacion","tag-mapael","tag-programacion"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/sada.services\/index.php?rest_route=\/wp\/v2\/posts\/1090","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sada.services\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sada.services\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sada.services\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sada.services\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1090"}],"version-history":[{"count":5,"href":"https:\/\/sada.services\/index.php?rest_route=\/wp\/v2\/posts\/1090\/revisions"}],"predecessor-version":[{"id":2113,"href":"https:\/\/sada.services\/index.php?rest_route=\/wp\/v2\/posts\/1090\/revisions\/2113"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sada.services\/index.php?rest_route=\/wp\/v2\/media\/2011"}],"wp:attachment":[{"href":"https:\/\/sada.services\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1090"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sada.services\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1090"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sada.services\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1090"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}