Jump to: navigation, search

Difference between revisions of "HowTo:Create Image Map Overlays"


Line 33: Line 33:
 
#*HowTo:[[HowTo:Create_a_new_MetaProperty |Create a new MetaProperty]]<br/>[[File:UI_MetaPropertiesMapOverlay.PNG|990 px|border|alt=View|View]]
 
#*HowTo:[[HowTo:Create_a_new_MetaProperty |Create a new MetaProperty]]<br/>[[File:UI_MetaPropertiesMapOverlay.PNG|990 px|border|alt=View|View]]
 
#Add the required '''[[Metaproperty | MetaPropertys]]''' to the '''[[MetaClass| Meta Class]]'''.
 
#Add the required '''[[Metaproperty | MetaPropertys]]''' to the '''[[MetaClass| Meta Class]]'''.
#*HowTo: [[HowTo:Add_a_MetaProperty_to_a_MetaClass | Add a Metaproperty to a Metaclass]]<br/>[[UI Properties MapOverlay.PNG|990 px|border|alt=View|View]]  
+
#*HowTo: [[HowTo:Add_a_MetaProperty_to_a_MetaClass | Add a Metaproperty to a Metaclass]]<br/>[[File:UI Properties MapOverlay.PNG|400 px|border|alt=View|View]]  
 
#Save the object with {{key press|Ctrl|S}}
 
#Save the object with {{key press|Ctrl|S}}
 
#Build and Release the Customizing {{key press|F5}}
 
#Build and Release the Customizing {{key press|F5}}

Revision as of 10:52, 10 July 2015

Image map overlays will be visualized as base maps in the map activity of the client. These are images (.png) that will be vizualized on the right location, with the right scale and also with the right rotation. Therefore georeferencing of the image is required.

Basics

To configure the image map overlay two steps are required:

  1. Georeferencing of the image
  2. Configuration of the Image Map Overlay in UBIK Studio
[edit]

GIS Software

There are a lot of possibilities to georeference a map overlay. For image map overlays | Google Earth is the fastest way to extract the required parameters. This How To is a small introduction for adding a Map Overlay to Google Earth and capturing the parameters for UBIK Studio.

  1. Prepare an image map overlay
    • The map overlay should be a .png Image of the building scheme.
  2. Add the map overlay to the basemap
  3. Extract the required parameters:
    • WIDTH_METERS: The width of the image in meters. Please use the measurement tool of Google Earth: | Measuring distances and areas
      Rotation Parameter
      Rotation Parameter in the Editing dialog of Google Earth
    • ROTATION_CLOCKWISE_DEGREES: The rotation can be extracted by using the editing tool of Google Earth for image map overlays.
    • LOCATION_CENTER: To extract this parameter it is required to use the Placemark tool of Google Earth and locate the placemark in the center of the image. How to use a placemark tool: | Creating a new placemark
      • The location can be extracted by using the editing mode of the placemark.
IC Attention.pngPlease use the Google Earth Show Lat/Long setting with Decimal Degrees [HowTo: Viewing preferences]

Studio

Create a map overlay document

The following steps are required to create a Map Overlay Document:

  1. To ease up the work of the customizer we suggest to derive a new object from the FILEDOCUMENT. The properties are visible in the Class Details.
  2. Add the Classification MapOverlays to the new MetaClass by using the Relation Editor
  3. Define the required Metaproperties for the MapOverlays
  4. Add the required MetaPropertys to the Meta Class.
  5. Save the object with Ctrl+S
  6. Build and Release the Customizing F5
  7. Check the Classification in the Object Explorer



Publish the map overlay

To publish the Image Map Overlay to the UBIK.Android Client it is required to configure the ACM.

  1. Create a METACLASSSCOPE for the Image Map Overlay Meta Class
  2. Assign the Properties to the Metaclass Scope
    • Required Properties for the ACM:
      • WIDTH_METERS
      • Z_LEVEL
      • ROTATION_CLOCKWISE_DEGREES
      • LOCATION_CENTER
      • FILETYPE
  3. Add the Metaclassscope to the Context
  4. Save the object with Ctrl+S
  5. Release the MetaDefinitions
  6. Check the Classification in the ACM Manager

Add an image map overlay

To add a Map Overlay it is required to take the parameters from the georeferenced Map Overlay Image

  1. Add a new Object in the Bulk Editor
    • Choose the Filetype (PNG)
    • Add NAME and DESCRIPTION
    • Assign the image in the Bulk editor (FULLPATH)
    • Set Is Local? to TRUE
  2. Save the object with Ctrl+S