VUE: Create a Static Background Layer for Interactive Map

Submitted by Wendy Anthony on

My UVic Community Network

An Interactive Map With Photos, Weblinks, & a Google Earth Background
Uni 102 Community Mapping assignment by Wendy Anthony - Feb 2010

This map has a static map (could be any photo) as a background layer. The top layer is interactive, with many clickable links opening up in a new browser window.

If you can't see the entire map in your browser window, centre the map by using the arrow keys, PageUp/Down keys, or the slider-controls at the bottom & right edges of the browser window.

My UVic Community Network Map - Photos, Weblinks, Google Earth Background

Scroll down page, or Click Image to go directly to map.

If you want to see how this background layer works in VUE, download [this Vue file] which opens with the free VUE software (Right-Click > copy/paste; file>open the VUE file URL) or use the Online VUE Applet

(See also How To Create A Concept Map With VUE)

How-To Create a Static Background Image in VUE:

  1. Open VUE > New Map
  2. File > Save As [MapName.vue]
  3. [Press Key] N (Node tool) > Click & Drag to form a new Node
  4. Right Click Node > Add Image/File [find image to link to]
  5. [Press Key] V (Move tool - cursor changes to hand) > Click & Drag Image outside of Node
  6. [Press Key] S (Select tool) > Click Node > Delete
  7. Click Image (edit boxes appear at blue edges) > Drag corner box until Image is appropriate size > click outside blue edges
  8. Windows > Layers > Rename Layer 1 (background image) > Click Lock (this makes background image static)
  9. Click Add Layer (this is the layer your info Nodes & Links are added to) > Rename New Layer
  10. Close Layers window [click x]
  11. File > Save (Ctrl+S)

 

 

Associated Projects: