HTML Image Map Creator QGIS Plugin: Unterschied zwischen den Versionen

Aus Geoinformation HSR
Wechseln zu: Navigation, Suche
K
K
 
(4 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
−
The '''SVG Image Map''' plugin is a Python plugin for [[QGIS]] which generates an SVG image map with a background map given an active point or polygon layer and a current project and map view.  
+
The '''HTML Image Map Creator''' plugin is a Python plugin for [[QGIS]] which generates a static background map (HTML5/CSS/JavaScript plus raster file) with interactive markers (.svg, .png, .jpg). Input is an active point or polygon layer and a current map view in QGIS.  
  
 
* A project by [[Geometa Lab]] HSR based on the famous 'Html Image Map Plugin' from Richard Duivenvoorde
 
* A project by [[Geometa Lab]] HSR based on the famous 'Html Image Map Plugin' from Richard Duivenvoorde
Zeile 8: Zeile 8:
  
 
Important websites:  
 
Important websites:  
−
* Source Code on Github: https://github.com/geometalab/SVG-Image-Map-QGIS-Plugin (currently [https://github.com/sfritschi/SVG-Image-Map-QGIS-Plugin *])
+
* Source Code on Github: ''https://github.com/geometalab/HTML-Image-Map-Creator-QGIS-Plugin''
−
* QGIS plugin directory: ''http://plugins.qgis.org/svg_image_map'' (tba.)
+
* QGIS plugin directory: ''http://plugins.qgis.org/plugins/html-image-map-creator/''
  
−
Install plugin by downloading from github in path "%userprofile%/.qgis2/python/plugins" under the name "svg_image_map".
+
Download the zip file from the Github repo, unpack it into this directory "%userprofile%/.qgis2/python/plugins" using the plugin folder name "html_image_map_creator".
  
 +
Note that experiments with pure SVG approach (using e.g. SVG object tag) failed due to incompatibility of evene the most modern common web browsers.
 +
 
tbd.  
 
tbd.  
  
 
== About ==
 
== About ==
  
−
This plugin is based on the nice [http://plugins.qgis.org/plugins/imagemap_plugin/ 'Html Image Map Plugin'] from Richard Duivenvoorde and it uses SVG instead the of HTML5 map tag.  
+
This plugin is based on the nice [http://plugins.qgis.org/plugins/imagemap_plugin/ 'Html Image Map Plugin'] from Richard Duivenvoorde and it uses updated HTML5.  
  
 
The output can be embedded by using the object tag like this:  
 
The output can be embedded by using the object tag like this:  
  
 +
<s>
 
   <object data="my_first_svg_image_map.svg" type="image/svg+xml" id="eventmap" width="1024" height="768">
 
   <object data="my_first_svg_image_map.svg" type="image/svg+xml" id="eventmap" width="1024" height="768">
 
     <!-- For browsers without SVG support -->
 
     <!-- For browsers without SVG support -->
Zeile 28: Zeile 31:
 
Note to self: https://www.mediaevent.de/svg-in-html-seiten/
 
Note to self: https://www.mediaevent.de/svg-in-html-seiten/
  
−
The resulting files can be edited and since a template file is used users who know Jinja2 template syntax can modify the plugin output. For learning the Jinja2 template syntax see the official [http://jinja.pocoo.org/docs/2.9/templates/ Template Designer Documentation] and a [http://packetpushers.net/python-jinja2-tutorial/ tutorial].
+
</s>
  
 
tbc.
 
tbc.
  
 
[[Kategorie:QGIS-Plugin]] [[Kategorie:QGIS]] [[Kategorie:Python]] [[Kategorie:Software]]
 
[[Kategorie:QGIS-Plugin]] [[Kategorie:QGIS]] [[Kategorie:Python]] [[Kategorie:Software]]

Aktuelle Version vom 1. September 2017, 16:12 Uhr

The HTML Image Map Creator plugin is a Python plugin for QGIS which generates a static background map (HTML5/CSS/JavaScript plus raster file) with interactive markers (.svg, .png, .jpg). Input is an active point or polygon layer and a current map view in QGIS.

  • A project by Geometa Lab HSR based on the famous 'Html Image Map Plugin' from Richard Duivenvoorde
  • Project Lead: Stefan Keller
  • Developed by: Severin Fritschi and Emil Sivro
 >> This is experimental work in progress! Expected an early release as QGIS plugin around 2nd quarter of 2017 <<

Important websites:

Download the zip file from the Github repo, unpack it into this directory "%userprofile%/.qgis2/python/plugins" using the plugin folder name "html_image_map_creator".

Note that experiments with pure SVG approach (using e.g. SVG object tag) failed due to incompatibility of evene the most modern common web browsers.

tbd.

About

This plugin is based on the nice 'Html Image Map Plugin' from Richard Duivenvoorde and it uses updated HTML5.

The output can be embedded by using the object tag like this: 

 <object data="my_first_svg_image_map.svg" type="image/svg+xml" id="eventmap" width="1024" height="768">
   <img src="my_first_svg_image_map.png" width="1024" height="768" alt="Alternate to SVG image">
 </object>

Note to self: https://www.mediaevent.de/svg-in-html-seiten/

tbc.

Von «https://giswiki.hsr.ch/index.php?title=HTML_Image_Map_Creator_QGIS_Plugin&oldid=60652»