{"id":4923,"date":"2023-06-17T14:21:12","date_gmt":"2023-06-17T12:21:12","guid":{"rendered":"https:\/\/robertopla.net\/blog\/?p=4923"},"modified":"2023-06-17T14:21:12","modified_gmt":"2023-06-17T12:21:12","slug":"mapas-con-maphub","status":"publish","type":"post","link":"https:\/\/robertopla.net\/blog\/mapas-con-maphub.htm","title":{"rendered":"Mapas personalizados con Maphub"},"content":{"rendered":"<p>Para hacer este mapa de los accesos al <a href=\"https:\/\/es.wikipedia.org\/wiki\/Castillo_de_San_Fernando_(Figueras)\">Castillo de San Fernando en Figueres<\/a>, he utilizado <a href=\"https:\/\/maphub.net\/\">Maphub<\/a>, que es un servidor de mapas personalizables a medida. Tiene varios planes de suscipcion y entre ellos uno gratuito que te permite usar mapas sencillos (hasta 100 objetos integrados en el mapa) en tus p\u00e1ginas web.<\/p>\n<div style=\"text-align: center;\"><style>\n       .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#advanced_iframe {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa } a.ai-bold {font-weight: bold;}#ai-layer-div-advanced_iframe p {height:100%;margin:0;padding:0}<\/style><script type=\"text\/javascript\">var ai_iframe_width_advanced_iframe = 0;var ai_iframe_height_advanced_iframe = 0;function aiReceiveMessageadvanced_iframe(event) {  aiProcessMessage(event,\"advanced_iframe\", \"true\",\"\",\"false\",\"false\");}if (window.addEventListener) {  window.addEventListener(\"message\", aiReceiveMessageadvanced_iframe);} else if (el.attachEvent)  {  el.attachEvent(\"message\", aiReceiveMessageadvanced_iframe);}var aiOnloadScrollTop=\"true\";var aiShowDebug=false;\n\t\tif (typeof aiReadyCallbacks === 'undefined') {\n\t\t\tvar aiReadyCallbacks = [];\n\t\t} else if (!(aiReadyCallbacks instanceof Array)) {\n\t\t\tvar aiReadyCallbacks = [];\n\t\t}    function aiShowIframeId(id_iframe) { jQuery(\"#\"+id_iframe).css(\"visibility\", \"visible\");    }    function aiResizeIframeHeight(height) { aiResizeIframeHeight(height,advanced_iframe); }    function aiResizeIframeHeightId(height,width,id) {aiResizeIframeHeightById(id,height);}<\/script><iframe id=\"advanced_iframe\"  name=\"advanced_iframe\"  src=\"https:\/\/maphub.net\/embed_h\/9lEF1Qa87CiYvDuj?panel=1&#038;panel_closed=1&#038;geolocation=1\"  width=\"590\"  height=\"385\"  frameborder=\"0\"  border=\"0\"  allowtransparency=\"true\"  loading=\"lazy\"  allow=\"geolocation\"  style=\";border-width: 0px;;border: none;;width:590px;;height:385px;\" ><\/iframe><script type=\"text\/javascript\">var ifrm_advanced_iframe = document.getElementById(\"advanced_iframe\");var hiddenTabsDoneadvanced_iframe = false;\nfunction resizeCallbackadvanced_iframe() {}<\/script><script type=\"text\/javascript\"><\/script><p style=\"display:block !important; visibility:visible !important;margin: -18px 14px 0 0;padding-left: 3px;padding-top:3px;background: white; overflow: hidden; position: relative; line-height:15px;width: fit-content;\"><small style=\"display:block !important;visibility:visible !important\">powered by Advanced iFrame<\/small><\/p><br \/>&nbsp;<\/div>\n<p>Maphub proporciona el c\u00f3digo personalizado para que cada mapa pueda ser embebido en una p\u00e1gina web mediante la etiqueta <code>\"iframe\"<\/code>, pero para hacerlo en WordPress, el gestor de contenido que usa este blog, debe instalarse un plugin que permita usar esta etiqueta. Yo he instalado <a href=\"https:\/\/codecanyon.net\/item\/advanced-iframe-pro\/5344999\"><i>\u00abAdvanced iFrame\u00bb<\/i><\/a> que ahora tiene tambi\u00e9n soporte para usar modelos 3D incrustados usando el visor <a href=\"https:\/\/p3d.in\/b\/24\">3D p3d<\/a>.<\/p>\n<p>Al escribir en el c\u00f3digo HTML del art\u00edculo de WordPress el c\u00f3digo que nos proporciona Maphub sustituyendo la palabra <code>iframe<\/code> por <code>\"advanced_iframe\"<\/code> en el texto entre corchetes cuadrados, se puede incluir en cualquier p\u00e1gina web en cualquier p\u00e1gina o art\u00edculo.<\/p>\n<p>Los mapas permiten incluir puntos con iconos, rutas y etiquetarlos. M\u00e1s que suficiente para se\u00f1alar un conjunto de establecimientos recomendados, puntos a visitar u otras localizaciones de inter\u00e9s, o como en este caso, las diferentes rutas de acceso a una ubicaci\u00f3n. <\/p>\n<p>Quiz\u00e1s lo que menos me gusta es que no puede elegisse la parte del mapa que se ver\u00e1 en la previsualizaci\u00f3n, siempre tiende a incluir todos los puntos a\u00f1adidos al mapa. Por otra parte para poder mover y ampliar este, hay que pulsar primero en el botos con un triangulo que aparece en el centro. Que el mapa aparezca &#8216;activado&#8217; desde el inicio es una caracter\u00edstica reservada a los planes &#8216;de pago&#8217;.  De todas formas es una de las alternativas m\u00e1s interesantes para incluir un mapa personalizado en tus p\u00e1ginas web. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Como integrar mapas personalizados con Maphub en p\u00e1ginas web y Wordpress <a href=\"https:\/\/robertopla.net\/blog\/mapas-con-maphub.htm\">Sigue leyendo <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,6],"tags":[221,366,373],"class_list":["post-4923","post","type-post","status-publish","format-standard","hentry","category-frikilandia","category-inclasificable","tag-mapas","tag-web","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/robertopla.net\/blog\/wp-json\/wp\/v2\/posts\/4923","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/robertopla.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/robertopla.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/robertopla.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/robertopla.net\/blog\/wp-json\/wp\/v2\/comments?post=4923"}],"version-history":[{"count":13,"href":"https:\/\/robertopla.net\/blog\/wp-json\/wp\/v2\/posts\/4923\/revisions"}],"predecessor-version":[{"id":4936,"href":"https:\/\/robertopla.net\/blog\/wp-json\/wp\/v2\/posts\/4923\/revisions\/4936"}],"wp:attachment":[{"href":"https:\/\/robertopla.net\/blog\/wp-json\/wp\/v2\/media?parent=4923"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/robertopla.net\/blog\/wp-json\/wp\/v2\/categories?post=4923"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/robertopla.net\/blog\/wp-json\/wp\/v2\/tags?post=4923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}