Ask a Question ?
Design & Publish Websites Faster

The Super Map App

The Super Map App

Hi all! In this post we’ll talk about the Super Map app and how it works. It’s very similar to the Maps app, but with several improvements.

The “normal” Maps app was basically an Embed HTML app, where you pasted Google Maps’ code. With the Super Map app, you can specify the actual address of the place you want to showcase, and it will be automatically found!

Other improvements have to do with the personalization of the map such as selecting a height, the initial view, which controls to show and more.

Preview

Here’s what one of these apps look like installed.

Preview of the Super Map app

Preview of the Super Map app

Now let’s get to the setting up.

Settings

The settings panel is divided in several sections.

The Super Map app Settings panel

The Super Map app Settings panel

We’ll go over one by one.

Map Settings (General)

In this section you’ll enter the address of the actual place you want to showcase on your map.

There are also 3 more options: initial map zoom (how far/close you want it to be), initial map view (choose between roadmap, satellite, hybrid or terrain), and height (in pixels).

Enter the address of the place you want to show on the map

Enter the address of the place you want to show on the map

Controls

In this section you’ll be able to customize your map with the following controls:

  • Map Types Style. Choose between “Default”, “Dropdown menu”, “Horizontal Bar” and “Don’t Show”.
  • Map Types Position. Choose between: top left, top center, top right, middle left, middle right, bottom left, bottom center and bottom right.
  • Zoom Type. Select either “Auto”, “Compact”, “Full” or “Don’t Show”.
  • Zoom Position. Same choices available as “Map Types Position”.
  • Enable Street View. Check box to enable/disable the Google Street View feature.

Marker

In this section you can select a few choices regarding animation and the “Infobox”.

Marker Settings section on the Super Map app

Marker Settings section on the Super Map app

The Marker Animation has 3 possible values:

  • Drop (the marker will animate once and stay static after it “drops”)
  • Bounce (the marker will “jump up and down” continuously until you make click
  • None

The Infobox refers to the place’s information, like address and other data if available.

The Infobox has data about the place you're displaying

The Infobox has data about the place you’re displaying

You can choose it to be “always on” (On Window Load), only if your visitor is interested (On Marker Click) or never show it (None).

Features

This section has several check boxes that show/hide the following layers/labels:

  • Panoramio
  • Administrative Area
  • Landscape
  • Points of Interest
  • Road Labels
  • Transit

Style Propagation

And lastly, there’s the style propagation check box. Learn more about it in the former link.

That’s it

Have any doubts or comments? Speak them out below!

Menu