Skip to content

Live map component

David edited this page Jun 25, 2017 · 7 revisions

This component is based on the great OpenLayer project by OpenStreetMap

help wanted: this page needs to be documented

Creating a Live Map component can be split into two parts:

  1. Create a custom map using the Open Street Map website.
  2. Import the map you have created using the live map component settings.

Open Street Map Usage Summary

Open Street Map is an open-source mapping tool useful in creating maps of any scale that provide useful geographical data in many different contexts. In most cases Silex users will be creating street maps that help their website users find the location of a business or event.

Setting up a map for the Silex Live Map Component is quite simple.

  1. Click and drag the map to the proper region.
  2. Press the plus button at the top of the right menu to zoom in.
  • You can drag the screen left and right to properly center it on your location.
  1. Once the map is set at the correct scale right click on your location on the map, and select the Centre Map Here option.
  • Once the map is setup, you can change the geographic data available by selecting different types of map layers.
  • The coordinates of your map are included in the URL. You don't have to save the map to import it into your Silex page.
  • When you are happy with your map copy the Open Street Map URL.

Full Open Street Map documentation is available here. OSM licensing requires developers to credit OSM for all maps used in other websites.

Live map component
Open Street Map Example

Importing the OSM map into your Live map component

  1. Copy the URL from the Open Street Map page.
  2. Paste the URL into the Silex Editor URL field.

The OSM map will appear in the component block on the Silex page that is being edited. The size of the block can be resized like any other component, and the map will maintain its scale. When the page is previewed or published users can zoom in and out to change the map scale, and drag to other locations on the OSM map. This allows users to get oriented with the larger area your location is in.

Live map component

WARNING: Support for Silex v2 has stopped. Try Silex v3 alpha, Read about it, Subscribe to the newsletter

Clone this wiki locally