{"id":7784,"date":"2019-01-14T05:09:49","date_gmt":"2019-01-14T04:09:49","guid":{"rendered":"http:\/\/www.sigterritoires.fr\/?p=7784"},"modified":"2019-01-14T08:20:21","modified_gmt":"2019-01-14T07:20:21","slug":"como-exportar-su-proyecto-qgis-a-una-pagina-html-en-dos-clics-el-plugin-qgis2web","status":"publish","type":"post","link":"https:\/\/www.sigterritoires.fr\/index.php\/es\/como-exportar-su-proyecto-qgis-a-una-pagina-html-en-dos-clics-el-plugin-qgis2web\/","title":{"rendered":"C\u00f3mo exportar su proyecto QGis a una p\u00e1gina html en dos clics: el plugin Qgis2Web"},"content":{"rendered":"\n

\u00bfC\u00f3mo compartir su trabajo de QGis con colegas que no cuentan con\nherramientas GIS? Como una p\u00e1gina html disponible en cualquier navegador de\nInternet, esta es la opci\u00f3n m\u00e1s apropiada. <\/p>\n\n\n\n

El plugin QSGis2Web proporciona una manera f\u00e1cil de distribuir y\nvisualizar su trabajo de QGIS como un mapa web utilizando, sin tener que ser un\nexperto, OpenLayers o LeafLet. <\/p>\n\n\n\n\n\n\n\n

Con este plugin, en unos pocos clics usted exporta su proyecto QGis como\nuna p\u00e1gina html. Crea un directorio que contiene la p\u00e1gina index.html y los\nsubdirectorios con todo lo necesario para ver su mapa, as\u00ed como los datos\nutilizados.
\nUn proyecto t\u00edpico de QGIS contiene diferentes datos: vector y   raster. QGIS2WEBf\nexporta capas vectoriales en formato GeoJSON, crea la base del mapa web\nutilizando la versi\u00f3n vigente de Leaflet o OpenLayers (opcional). Adem\u00e1s, el plugin\nagrega los datos raster como una superposici\u00f3n de im\u00e1genes con un cursor de\nopacidad. \n\nInstale el plugin QGis2Web<\/strong> a partir del\nadministrador de plugins ( Extensiones -> Administrar \/ Instalar\nExtensiones<\/em><\/strong> ).  \n\n\n\n<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nSe\npuede acceder al plugin a partir  del\nmen\u00fa  Internet -> QGis2web<\/em><\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Generalidades<\/strong><\/p>\n\n\n\n

Puede elegir entre varias capas de base de mapa y definir la extensi\u00f3n\ninicial del mapa, as\u00ed como las dimensiones del mapa en su documento HTML. Para\nfacilitar la exportaci\u00f3n de capas de gran tama\u00f1o, puede deshabilitar la opci\u00f3n\nde carga autom\u00e1tica de datos en su proyecto QGis, o desactivar la vista de la\ncapa. El mapa web generado cuenta con un control de visualizaci\u00f3n de las capas,\ny puede ser activado cuando se haya completado la creaci\u00f3n del mapa. Si su capa\ntiene m\u00e1s de 1000 registros, no se mostrar\u00e1 en la ventana de vista previa, pero\nse incluir\u00e1 en los datos exportados. La interfaz del plugin qgis2web<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Encontrar\u00e1 4 paneles, 3 pesta\u00f1as y una barra de botones. <\/p>\n\n\n\n

Vamos a empezar con este \u00faltimo. La barra de herramientas<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

El plugin tiene dos opciones de biblioteca de c\u00f3digos para generar la\np\u00e1gina HTML. Si pretende utilizar el plugin  para crear una base de mapa y desea agrandarlo\no modificarlo m\u00e1s adelante, obviamente elegir\u00e1 la opci\u00f3n que m\u00e1s le convenga. Si\nno, depende de las caracter\u00edsticas de su proyecto. De hecho, el plugin intenta\nreproducir lo mejor posible su proyecto (simbolog\u00eda, etiquetas, transparencia,\n…). Pero no todo puede reproducirse. Los Leaflet y OpenLayers<\/em><\/strong>\nno tienen las mismas posibilidades, seg\u00fan el caso, su proyecto ser\u00e1 reproducido\nmejor por uno u otro. <\/p>\n\n\n\n

Si cambia la opci\u00f3n en la interfaz, la vista de la ventana de vista\nprevia se actualiza autom\u00e1ticamente y observar\u00e1 la representaci\u00f3n con la nueva\nbiblioteca de c\u00f3digos. Por otro lado, para todas las dem\u00e1s modificaciones\nrealizadas en los otros paneles, la actualizaci\u00f3n de la vista previa solo se realizar\u00e1\nsi hace clic en el bot\u00f3n Actualizar vista previa<\/em><\/strong> . <\/p>\n\n\n\n

El bot\u00f3n Exportar<\/em><\/strong> genera la p\u00e1gina html y exporta los\ndatos a Json. La ventana de vista previa.<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Puede ver una vista previa de la representaci\u00f3n final en esta ventana. No\nolvide hacer clic en el bot\u00f3n Update preview para ver los cambios realizados en\nla configuraci\u00f3n del complemento. No todos los elementos estar\u00e1n,\nnecesariamente, en la escala final. Como puede ver en la imagen anterior, la\nbarra de leyenda tiene el tama\u00f1o final, pero no el mapa en s\u00ed. <\/p>\n\n\n\n

Esta ventana no es solo una imagen, sino que tambi\u00e9n, reacciona como lo\nhar\u00e1 la p\u00e1gina final (clics, realce, etc.) El panel de capas y grupos.<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Este panel permite configurar dos cosas: <\/p>\n\n\n\n

  • el hecho de que la capa se\nmuestre de forma predeterminada o no: si marca la casilla Visible, la capa se visualizar\u00e1\ntan pronto como se cargue la p\u00e1gina HTML. Si la casilla no est\u00e1 marcada, su capa aparecer\u00e1 en la barra de leyenda\ny tendr\u00e1 que marcar su casilla en la p\u00e1gina HTML para visualizarla. <\/li>
  • La representaci\u00f3n de las ventanas\nemerge con los atributos de las entidades: esta opci\u00f3n solo se aplicar\u00e1 en caso\nde que marque Show popups on hover <\/em><\/strong>en el panel de configuraci\u00f3n\ngeneral del plugin. <\/li><\/ul>\n\n\n\n

    La gesti\u00f3n del grupo no siempre funciona. Si ha agrupado capas y no las\nve en este panel, desagrupe las capas en su proyecto. \n\nLas tres opciones propuestas para el formateo de\nlas ayudas visuales proporcionan los siguientes resultados:\n\n\n\n<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    El\npanel de configuraci\u00f3n general.<\/strong><\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Ajustes de exportaci\u00f3n de datos<\/strong> <\/p>\n\n\n\n

    Puede exportar el resultado a un directorio o a un sitio ftp en su\nservidor. Seg\u00fan sea el caso, haga clic en el bot\u00f3n … para definir el\ndirectorio o los par\u00e1metros de conexi\u00f3n. <\/p>\n\n\n\n

    La ubicaci\u00f3n de la biblioteca de mapping le permite cargar las\nbibliotecas OpenLayers o Leaflet en el directorio que se crear\u00e1, o poner una\nl\u00ednea de llamada para estas bibliotecas en l\u00ednea. La primera opci\u00f3n es m\u00e1s voluminosa\npero m\u00e1s segura operativamente. <\/p>\n\n\n\n

    La opci\u00f3n Minify GeoJson files<\/em><\/strong> elimina los espacios\ninnecesarios en los archivos GeoJson. Si sus datos son voluminosos, es una\nforma de reducir su tama\u00f1o. <\/p>\n\n\n\n

    La otra forma de reducir el tama\u00f1o de los datos es manipular el nivel de\ndetalle de las geometr\u00edas. Opcion de Precision<\/em><\/strong> permite\ngeneralizar geometr\u00edas de tipo l\u00ednea y pol\u00edgono. La opci\u00f3n de Maintain <\/em><\/strong>no\ncambia las geometr\u00edas. Los valores del 1 al 15 determinan el grado de\ngeneralizaci\u00f3n de las geometr\u00edas, antes de su exportaci\u00f3n. El valor 1\ncorresponde a la mayor generalizaci\u00f3n, el valor 15 a la menor. <\/p>\n\n\n\n

    Configuraci\u00f3n de la escala y el zoom.<\/strong> <\/p>\n\n\n\n

    Extent<\/em><\/strong> permite definir la extensi\u00f3n del mapa. Canvas\nextent<\/em><\/strong> considera el alcance de la vista actual de su proyecto QGis. Fit\nto layers extent<\/em><\/strong> mostrar\u00e1 la extensi\u00f3n del mapa correspondiente a la\nextensi\u00f3n de la capa m\u00e1s grande. Esto se calcula solo en las capas locales, ya\nsean vectoriales o raster, no en las posibles capas provenientes de conexiones\nWFS o WMS. <\/p>\n\n\n\n

    Max and min zoom level<\/em><\/strong> permite definir el rango de zoom\nautorizado para el mapa. <\/p>\n\n\n\n

    Restrict to extent<\/em><\/strong> , si est\u00e1 marcado, evita salir\ndel marco definido del mapa. <\/p>\n\n\n\n

    Ajustes de apariencia<\/strong> <\/p>\n\n\n\n

    • Add address search <\/em><\/strong> agrega un campo que le permite ingresar una\ndirecci\u00f3n y ubicar el mapa en ella, usando la geocodificaci\u00f3n de direcciones. <\/li>
    • Add layers list<\/em><\/strong> agrega la barra de leyenda de las capas. <\/li>
    • Geolocate<\/em><\/strong> habilita un bot\u00f3n que permite, al hacer clic en \u00e9l,\ncentrar el mapa en la posici\u00f3n del usuario. Tenga cuidado, con Chrome esta opci\u00f3n solo funciona si su mapa  est\u00e1 localizado en HTTPS. <\/li>
    • Highlight on hover<\/em><\/strong> resalta las entidades cuando es barrido por el\nmouse. <\/li>
    • Layer search<\/em><\/strong> permite configurar un campo de b\u00fasqueda en un\natributo de una de las capas. Una vez\nque se ingresa un valor en este campo, si el valor se existe en la tabla de\natributos, el mapa se centra en la entidad <\/li>
    • Match project CRS<\/em><\/strong> define el sistema de coordenadas del mapa de\nsalida. Si la casilla est\u00e1 marcada, el\nsistema utilizado por la tarjeta ser\u00e1 el mismo que el del proyecto QGis. De forma predeterminada, si la casilla no est\u00e1\nmarcada, se aplicar\u00e1 es el sistema esf\u00e9rico Mercator (EPSG: 3857). <\/li>
    • Add measure tool<\/em><\/strong> agrega una herramienta de medici\u00f3n al mapa\nresultante. <\/li>
    • Show popups on hover,<\/em><\/strong> si est\u00e1 marcado, muestra informaci\u00f3n sobre las herramientas\npara los atributos <\/li>
    • Template<\/em><\/strong> permite elegir el modelo de mapa de salida. La opci\u00f3n de pantalla completa crear\u00e1 un mapa con\nel mismo tama\u00f1o de la pantalla del usuario, y el tama\u00f1o del canvas crear\u00e1 un\nmapa del mismo tama\u00f1o que la ventana del mapa en su proyecto QGis. Puede agregar otros modelos al directorio de\nusuario \/ nombre \/ .qgis2 \/ qgis2web \/ templates. <\/li><\/ul>\n\n\n\n

      El panel de control del mapa.<\/strong><\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nEste\npanel permite definir uno o m\u00e1s mapas. Puede hacer una selecci\u00f3n m\u00faltiple\npresionando la tecla CTRL y haciendo clic en un elemento de la lista. El\nresultado en el mapa producido ser\u00e1 un bloque en la leyenda para activar el\nfondo deseado.  \n\n\n\n<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      Preparaci\u00f3n del proyecto QGis.<\/strong> <\/p>\n\n\n\n

      Parte de la representaci\u00f3n del mapa final debe prepararse directamente\nen su proyecto QGis. En la pesta\u00f1a Proyecto-> Propiedades del\nproyecto-> General<\/strong> , encontrar\u00e1\ntres propiedades del mapa para configurarlo: t\u00edtulo del proyecto, color de\nresaltado y color de fondo.   \n\n\n\n<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      El t\u00edtulo solo aparecer\u00e1 si selecciona Leaflet como\nbiblioteca  \n\n\n\n<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      En\nPropiedades de la capa<\/strong>->\nGeneral<\/strong> puede cambiar el texto del nombre de la capa, que aparecer\u00e1 en la\nbarra de leyenda de su mapa, para hacerlo m\u00e1s comprensible, as\u00ed como definir la\nescala de la capa.   \n\n\n\n<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      En Propiedades de la Capa-> Estilo<\/strong> , puede definir el estilo de su\ncapa como un s\u00edmbolo \u00fanico, categorizado y graduado. Seg\u00fan los dise\u00f1adores del\nplugin, el estilo 2.5D, tambi\u00e9n deber\u00eda funcionar, pero no tuve \u00e9xito … Continuar\u00e1.\nEn las propiedades de los campos capa-><\/strong> puede definir el nombre que se mostrar\u00e1 para\ncada campo, rellenando la columna Alias. \n\n\n\n<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      El\ncampo Editar herramienta<\/em>\ncontrola lo que aparecer\u00e1 en la informaci\u00f3n sobre las herramientas si\nselecciona la configuraci\u00f3n Show popups on hover<\/em><\/strong> . Si hace clic\nen el valor de una casilla en la Herramienta de edici\u00f3n<\/em> , tendr\u00e1 la\nsiguiente ventana: \n\n\n\n<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      Puede elegir entre tres opciones (las otras no tienen ning\u00fan efecto en\nel mapa generado): <\/p>\n\n\n\n

      • Oculto: el campo no aparecer\u00e1 en\nla informaci\u00f3n sobre herramientas. <\/li>
      • Editar texto: la opci\u00f3n\npredeterminada, muestra el valor del campo de atributo en la informaci\u00f3n sobre\nherramientas <\/li>
      • Foto: Si su campo contiene un\nenlace a una imagen, la imagen se incluir\u00e1 en la informaci\u00f3n sobre\nherramientas. <\/li><\/ul>\n\n\n\n

        \n\n\n\n\n\nUn ejemplo de la \u00faltima opci\u00f3n se muestra aqu\u00ed:  \n\n\n\n<\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n

        Finalmente, el etiquetado de su proyecto QGis se exportar\u00e1 al mapa\nresultante, con algunas limitaciones: <\/p>\n\n\n\n

        • No se admiten expresiones para\netiquetas, <\/li>
        • Los buffers alrededor de las\netiquetas solo se exportan con OpenLayers 3, <\/li>
        • Los fondos y los l\u00edmites solo se\nexportan con Leaflet. <\/li>
        • La exportaci\u00f3n indica la fuente\nutilizada, pero no la incluye en el directorio exportado. Si el usuario no tiene la fuente utilizada, la\netiqueta no aparecer\u00e1. <\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"

          \u00bfC\u00f3mo compartir su trabajo de QGis con colegas que no cuentan con herramientas GIS? Como una p\u00e1gina html disponible en cualquier navegador de Internet, esta es la opci\u00f3n m\u00e1s apropiada. El plugin QSGis2Web proporciona una manera…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"give_campaign_id":0,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sfsi_plus_gutenberg_text_before_share":"","sfsi_plus_gutenberg_show_text_before_share":"","sfsi_plus_gutenberg_icon_type":"","sfsi_plus_gutenberg_icon_alignemt":"","sfsi_plus_gutenburg_max_per_row":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[842],"tags":[],"class_list":["post-7784","post","type-post","status-publish","format-standard","hentry","category-non-classe-es"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p6XU0A-21y","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/posts\/7784","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/comments?post=7784"}],"version-history":[{"count":0,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/posts\/7784\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/media?parent=7784"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/categories?post=7784"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sigterritoires.fr\/index.php\/wp-json\/wp\/v2\/tags?post=7784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}