This doen't allow "drawing" over an image but it can display (with turning
layers on a off) an overlay or many overlays once created
__NOTES__:<br/>1) //with svg's-- external images, raster & vector, not part
of the svg code but inserted with a image element inside the svg will not
display when the svg is used with html img tag//<br/>
2) //mouse / pointer events like hover don't work with html img tags for
external svg display//
<$reveal type="nomatch" state="!!filter-field" text="show">
<$button set="!!filter-field" setTo="show">hide terrain</$button>
<style>.maptestop {opacity:1;}</style>
</$reveal>
<$reveal type="match" state="!!filter-field" text="show">
<$button set="!!filter-field" setTo="hide">show terrain</$button>
<style>.maptestop {opacity:0;}</style>
</$reveal>
<!-- button 2 -->
<$reveal type="nomatch" state="!!filter-field1" text="show">
<$button set="!!filter-field1" setTo="show">hide overlay</$button>
<style>.maptestop2 {opacity:1;}</style>
</$reveal>
<$reveal type="match" state="!!filter-field1" text="show">
<$button set="!!filter-field1" setTo="hide">show overlay</$button>
<style>.maptestop2 {opacity:0;}</style>
</$reveal>
<div style="position:relative; width:100%; margin:0px; padding:0px; vertical
-align:top; border:dotted 4px;">
@@.maptestop
<img src="mapcityL301.png" width="" height="" class="maptestop"/>
@@
<div style="position: absolute; left:0; top:0; width:100%; margin:0px;
padding:0px; vertical-align:top; border:dotted 4px;">
@@.maptestop2
<img src="mapareaL3new.svg" width="" height="" class="maptestop2"/>
@@
</div>
</div>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/bd859dea-cfc1-462c-983a-e99f97836965%40googlegroups.com.
