Igloo Theme
Go to iglootheme.com
  • Welcome
  • FAQ
  • Changelog
  • Common Issues
  • Getting started
    • Installation
    • Theme customization
    • Header and navigation
    • Footer
    • Multilingual site
    • Umbraco Upgrade v8 -> v13
  • Page Types
    • Site
    • Page
    • Feed
      • Post
    • Global content
    • People
    • Sitemap
    • Search
  • Widgets
    • Hero
    • Text
    • Grid
      • Header
      • Text
      • Image
      • Quote
      • Pod
      • Card
      • Code
      • Accordion
      • Price List
      • Line Break
      • Button
      • Video
      • Umbraco Form
      • Price Table
      • Navigation
      • Sub Grid
      • Slider
      • Person
    • Image
    • Text and images
    • Gallery
    • Slider
    • Tabs
    • Latest from feed
    • Map
    • Umbraco forms
    • Contact form
    • Newsletter
    • Logos
    • Instagram feed
    • Global content
    • Login
    • Register
    • Breadcrumbs
    • People
    • Section Navigation
  • Extending
    • Front-end UI
      • CSS variables
      • Buttons
      • Grid
      • Widgets
      • Forms
      • Typography
      • Helpers
    • Create a new widget
    • Intellisense on models in Visual studio
Powered by GitBook
On this page
  • Google Maps API Key
  • Widget
  • Content
  • Settings

Was this helpful?

  1. Widgets

Map

PreviousLatest from feedNextUmbraco forms

Last updated 4 years ago

Was this helpful?

The Map widget is a feature that lets you use Google Maps to show the location of your choice. This could be if you need to show where your company is located.

The map widget is a handy widget for this as it will display a map, and if you choose to, then the information can be displayed next to the map. The map will have a pointer set to the Latitude and Longitude of your choice.

The way it works is that you type in the Latitude and Longitude and select how zoomed in you want the map to be on a scale from 0 - 20 it is recommended to set it to 7.

Google Maps API Key

To get the map working you first need a . Once you have your key go to the Settings > General node and paste it in the input under the Tracking & Access section.

Widget

Content

  • Latitude

  • Longitude

  • Show Content Next To Map

  • Pre Heading

  • Heading

  • Text

  • Address

  • Phone Number

  • Email

  • Opening Hours

    • Day

    • Time

  • Buttons

Settings

  • Map Zoom

  • Height

  • Custom Map Pin Icon

  • Background Color

  • Text Color

Google maps API key