EyeOn Logo

Map Settings

Configure map appearance, behavior, and visual styling options

How to Configure Map Settings

Map Settings allow you to customize the appearance and behavior of your center map. These settings control colors, zoom levels, visual elements, and overall map styling to create the perfect look for your shopping center.

All settings changes are applied in real-time, allowing you to see the effects immediately. Remember to save your changes to preserve the new configuration across all map views and devices.

Map settings interface

Map settings interface

Map Settings Categories

Organize your map configuration with these setting categories:

Map Style & Appearance

Basic map styling and visual appearance

Map Style

dropdownDefault: 2D

Choose between 2D and 3D map display modes

Impact: Affects the overall visual style of the map display
Options: 2D, 3D

Map Background Color

colorDefault: #FFFFFF

Set the overall background color of the map

Impact: Changes the base background color behind all map elements

Accent Color

colorDefault: #4EA5FF

Primary accent color used throughout the map

Impact: Used for highlights, selected elements, and primary UI components

Store & Retailer Styling

Customize how retailers and stores appear on the map

Store Default Color

colorDefault: #E5E5E5

Default background color for retailer polygons

Impact: Sets the default color for all retailer polygons

Store Text Color

colorDefault: #101921

Default text color for retailer names and labels

Impact: Controls text readability and contrast on retailer polygons

Wall Color

colorDefault: #888888

Color for building walls and structural elements

Impact: Defines the color of walls and building structures

Boundary Color

colorDefault: #888888

Color for area boundaries and divisions

Impact: Sets the color for area boundaries and section dividers

Visual Elements & Layout

Control visual elements and layout properties

Base Color

colorDefault: #25292B

Base color for map elements and structures

Impact: Sets the base color for map elements and structures

Wall Thickness

numberDefault: 0.6

Thickness of wall lines in the map

Impact: Controls the visual weight of wall lines
Range: 0.1 - 5.0

Boundary Thickness

numberDefault: 0.8

Thickness of boundary lines

Impact: Controls the visual weight of boundary lines
Range: 0.1 - 5.0

Overlay Color

colorDefault: #FFFFFF

Color for map overlays and information panels

Impact: Sets the color for overlay elements and information panels

Overlay Opacity

numberDefault: 0.7

Transparency level of overlay elements

Impact: Controls how transparent overlay elements appear
Range: 0.0 - 1.0

Zoom & Navigation Controls

Configure zoom behavior and navigation limits

Default Kiosk Icon Size

numberDefault: 15

Default size for kiosk icons on the map

Impact: Controls the size of kiosk icons for optimal visibility
Range: 5 - 50

Zoom Step

numberDefault: 100

Increment amount for zoom operations

Impact: Controls how much the map zooms with each zoom action
Range: 10 - 500

Zoom In Limit

numberDefault: 400

Maximum zoom in level allowed

Impact: Prevents users from zooming in too close to the map
Range: 100 - 1000

Zoom Out Limit

numberDefault: 3500

Maximum zoom out level allowed

Impact: Prevents users from zooming out too far from the map
Range: 1000 - 10000

Selected Zoom In Limit

numberDefault: 400

Zoom limit when a polygon is selected

Impact: Controls zoom behavior when interacting with selected polygons
Range: 100 - 1000

User Permissions & Settings Access

All user types have full access to map settings with appropriate center restrictions.

Center Manager

Settings Management Capabilities:

Configure Map Settings
✓ Full Access

Can adjust all map settings for their assigned center

Save Settings Changes
✓ Full Access

Can save and apply settings changes

Reset to Defaults
✓ Full Access

Can reset settings to default values

Preview Changes
✓ Full Access

Can preview settings changes before saving

Configuration Tips & Best Practices

Color Scheme Best Practices

  • • Choose colors that provide good contrast for readability
  • • Use consistent color schemes across all map elements
  • • Test color combinations on different devices and screen types
  • • Consider accessibility guidelines for color contrast
  • • Use brand colors when appropriate for your center
  • • Avoid overly bright or distracting colors

Zoom Level Optimization

  • • Set zoom limits appropriate for your center size
  • • Test zoom levels on different device types
  • • Ensure important details are visible at all zoom levels
  • • Consider user experience when setting zoom steps
  • • Balance between detail and overview visibility
  • • Test zoom behavior with different polygon selections

Visual Element Balance

  • • Adjust thickness values to create visual hierarchy
  • • Use opacity settings to create depth and layering
  • • Ensure text remains readable with chosen colors
  • • Test visual elements on different screen sizes
  • • Maintain consistency across all map elements
  • • Regularly review and adjust visual settings

Settings Management

  • • Preview changes before saving to avoid mistakes
  • • Document custom settings for team reference
  • • Test settings on actual kiosk displays
  • • Save settings frequently to avoid losing changes
  • • Reset to defaults if settings become problematic
  • • Coordinate with team members on major setting changes

Ready to Configure Your Map Settings?

Access the Portal CMS to customize your center map appearance and behavior.

Access Portal CMS