{"id":1187,"date":"2025-08-18T22:13:13","date_gmt":"2025-08-18T20:13:13","guid":{"rendered":"https:\/\/virtual.usac.edu.gt\/dbeu\/?page_id=1187"},"modified":"2025-08-18T22:55:40","modified_gmt":"2025-08-18T20:55:40","slug":"elementor-1187","status":"publish","type":"page","link":"https:\/\/virtual.usac.edu.gt\/dbeu\/elementor-1187\/","title":{"rendered":"Elementor #1187"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1187\" class=\"elementor elementor-1187\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d1f0b63 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d1f0b63\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-11a096b\" data-id=\"11a096b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-69d87df elementor-widget elementor-widget-wp-widget-custom_html\" data-id=\"69d87df\" data-element_type=\"widget\" data-widget_type=\"wp-widget-custom_html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"textwidget custom-html-widget\"><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ba5bd21 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ba5bd21\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c8c6d7c\" data-id=\"c8c6d7c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-db0430d elementor-widget elementor-widget-html\" data-id=\"db0430d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<head>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@photo-sphere-viewer\/core\/index.min.css\" \/>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@photo-sphere-viewer\/markers-plugin\/index.min.css\" \/>\r\n    <style>\r\n        .custom-tooltip {\r\n            max-width: none;\r\n            width: 300px;\r\n            box-shadow: 0 0 0 3px white;\r\n        }\r\n        .custom-tooltip .psv-tooltip-content {\r\n            padding: 0;\r\n        }\r\n        .custom-tooltip img {\r\n            width: 100%;\r\n            border-radius: 4px 4px 0 0;\r\n        }\r\n        .custom-tooltip h2,\r\n        .custom-tooltip p {\r\n            margin: 1rem;\r\n            text-align: justify;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n<div id=\"viewer\" style=\"width: 100%; height: 500px;\"><\/div>\r\n\r\n<script type=\"text\/template\" id=\"tooltip-content-1\">\r\n    <img decoding=\"async\" src=\"https:\/\/photo-sphere-viewer-data.netlify.app\/assets\/sphere-small.jpg\">\r\n    <article>\r\n        <h2>Marcador Uno<\/h2>\r\n        <p>Contenido del primer marcador.<\/p>\r\n    <\/article>\r\n<\/script>\r\n\r\n<script type=\"text\/template\" id=\"tooltip-content-2\">\r\n    <img decoding=\"async\" src=\"https:\/\/photo-sphere-viewer-data.netlify.app\/assets\/sphere-small.jpg\">\r\n    <article>\r\n        <h2>Marcador Dos<\/h2>\r\n        <p>Contenido del segundo marcador.<\/p>\r\n    <\/article>\r\n<\/script>\r\n\r\n<script type=\"importmap\">\r\n    {\r\n        \"imports\": {\r\n            \"three\": \"https:\/\/cdn.jsdelivr.net\/npm\/three\/build\/three.module.js\",\r\n            \"@photo-sphere-viewer\/core\": \"https:\/\/cdn.jsdelivr.net\/npm\/@photo-sphere-viewer\/core\/index.module.js\",\r\n            \"@photo-sphere-viewer\/markers-plugin\": \"https:\/\/cdn.jsdelivr.net\/npm\/@photo-sphere-viewer\/markers-plugin\/index.module.js\"\r\n        }\r\n    }\r\n<\/script>\r\n\r\n<script type=\"module\">\r\n    import { Viewer } from '@photo-sphere-viewer\/core';\r\n    import { MarkersPlugin } from '@photo-sphere-viewer\/markers-plugin';\r\n\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const viewer = new Viewer({\r\n            container: document.querySelector('#viewer'),\r\n            panorama: 'https:\/\/virtual.usac.edu.gt\/dbeu\/wp-content\/uploads\/2025\/08\/3-min-scaled.png',\r\n            caption: 'Parc national du Mercantour <b>&copy; Damien Sorel<\/b>',\r\n            plugins: [\r\n                [MarkersPlugin, { \/\/ \u00daNICA INSTANCIA DEL PLUGIN\r\n                    markers: [ \/\/ ARRAY CON TODOS LOS MARCADORES\r\n                        {\r\n                            id: 'custom-tooltip-1',\r\n                            tooltip: {\r\n                                content: document.querySelector('#tooltip-content-1').innerHTML,\r\n                                className: 'custom-tooltip',\r\n                                position: 'top',\r\n                                trigger: 'click',\r\n                            },\r\n                            position: { pitch: 0.11, yaw: -0.35 },\r\n                            image: 'https:\/\/virtual.usac.edu.gt\/dbeu\/wp-content\/uploads\/2025\/08\/pubi.png',\r\n                            size: { width: 32, height: 32 },\r\n                            anchor: 'bottom center',\r\n                        },\r\n                        {\r\n                            id: 'custom-tooltip-2',\r\n                            tooltip: {\r\n                                content: document.querySelector('#tooltip-content-2').innerHTML,\r\n                                className: 'custom-tooltip',\r\n                                position: 'top',\r\n                                trigger: 'click',\r\n                            },\r\n                            position: { pitch: 0.5, yaw: 0.8 },\r\n                            image: 'https:\/\/virtual.usac.edu.gt\/dbeu\/wp-content\/uploads\/2025\/08\/depositphotos_124296606-stock-illustration-pointer-location-icon.webp',\r\n                            size: { width: 32, height: 32 },\r\n                            anchor: 'bottom center',\r\n                        }\r\n                    ],\r\n                }],\r\n            ],\r\n        });\r\n\r\n        const markersPlugin = viewer.getPlugin(MarkersPlugin);\r\n\r\n        viewer.addEventListener('ready', () => {\r\n            viewer.animate({ yaw: 0, pitch: 0.5, speed: 1000 }).then(() => {\r\n                markersPlugin.showMarkerTooltip('custom-tooltip-1');\r\n            });\r\n        }, { once: true });\r\n    });\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-57fd130 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"57fd130\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4538ef8\" data-id=\"4538ef8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-15eb6dd elementor-widget elementor-widget-spacer\" data-id=\"15eb6dd\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.2 - 11-05-2023 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}<\/style>\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e2b43b0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e2b43b0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ff9122f\" data-id=\"ff9122f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-1187","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/virtual.usac.edu.gt\/dbeu\/wp-json\/wp\/v2\/pages\/1187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/virtual.usac.edu.gt\/dbeu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/virtual.usac.edu.gt\/dbeu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/virtual.usac.edu.gt\/dbeu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/virtual.usac.edu.gt\/dbeu\/wp-json\/wp\/v2\/comments?post=1187"}],"version-history":[{"count":118,"href":"https:\/\/virtual.usac.edu.gt\/dbeu\/wp-json\/wp\/v2\/pages\/1187\/revisions"}],"predecessor-version":[{"id":1307,"href":"https:\/\/virtual.usac.edu.gt\/dbeu\/wp-json\/wp\/v2\/pages\/1187\/revisions\/1307"}],"wp:attachment":[{"href":"https:\/\/virtual.usac.edu.gt\/dbeu\/wp-json\/wp\/v2\/media?parent=1187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}