-
-
Notifications
You must be signed in to change notification settings - Fork 586
Live map component
This component is based on the great OpenLayer project by OpenStreetMap
help wanted: this page needs to be documented
- Create a custom map using the Open Street Map website.
- Import the map you have created using the live map component settings.
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.
- Click and drag the map to the proper region.
- 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.
- 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.
Open Street Map Example
- Copy the URL from the Open Street Map page.
- 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.
This is the documentation for Silex website builder. It is a collaborative effort, click edit and start contributing. Also have a look at these discussions.
WARNING: Support for Silex v2 has stopped. Try Silex v3 alpha, Read about it, Subscribe to the newsletter