MapStore Training

Table Of Contents

Previous topic

MapStore Use Cases

Next topic

Using MapStore with GeoNetwork

This Page

Marker Editor

This section illustrates how you can use the Marker Editor Plugin.

MapStore allows to dynamically add markers to the map. These marker can be injected using MapStore in an iframe, or edited/viewed using the Marker Editor plugin.

Using the Marker Editor Plugin

The Marker Editor Plugin allows creating, editing and viewing markers on the map. The marker can have an icon, a label and some content to show when you click on it. You can save and restore these markers as simple text.

Open the MapComposer.

../../_images/marker_editor_home.png

MapComposer in Viewer template with Marker Editor Plugin.

Close the help window and you will see the map with a panel on the right.

../../_images/marker_editor_panel.png

The main Marker Editor panel.

This Panel allows to:
  • Create new markers
  • Modify/Delete existing markers
  • import and export marker configurations

the module on the top allows to create, edit and save marker settings. The list on the bottom shows already created markers.

Create a New Marker

  1. Activate the button with a mouse pointer as icon coordinatebutton. This control allows to get the coordinates of the next click on the map. So click on the map and you will see the coordinates of the marker in the two text fields around the button and a red cross on the map. This cross indicates the position of the marker.

    ../../_images/marker_editor_coordinates.png

    Add the coordinates of the Marker to the map.

  2. Choose the marker editor clicking on the button with the red marker markerbutton. Select the blue marker and click on Use this Marker
    ../../_images/marker_editor_window.png

    Choose the marker from the window.

    Note

    The marker listed in the window above are configured in a separated file that contains the picture paths and sizes. You can find the default configuration at: app\static\data\markerconfigurations.js

  3. Set Label field with 1, Title field with “My Marker”, and Content field with “Sample Text”.

    ../../_images/marker_editor_complete_configuration.png

    A complete marker configuration.

  4. Click on “Add To The Map”. Your marker will be added on the map and it wil be also added to the table at the bottom of the panel.

    ../../_images/marker_editor_first_marker.png

    The Marker on the map and in the table.

If you click on the marker you can see a popup with the title and the content you edited.
../../_images/marker_editor_popup.png

The popup with the marker.

To edit marker positon or settings select it on the list at the bottom of the panel, do your changes and click update. To delete it click on removebutton near the marker in the list.
../../_images/marker_editor_modify.png

Do your changes to the marker settings.

Export and import Marker

The Markers created with thw Marker Editor can be saved/restored simply copying and pasting some text.

You can export your markers clicking on exportbutton and copying the text in the window.
../../_images/marker_editor_export_win.png

Copy the text to save your markers.

You can import your markers again clickin on importbutton, pasting your code in the window and clicking on importgeojson
../../_images/marker_editor_import_win.png

Paste the text to save your markers.

Try to import some markers copying the text below ...:

{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":["2.2945647258","48.8582108414"]},"properties":{"title":"Eiffel Tower","label":"","html":"<br><h1 id=\"firstHeading\" class=\"firstHeading\" lang=\"en\" style=\"background-image: none; font-weight: normal; margin: 0px 0px 0.1em; overflow: hidden; padding-top: 0px; padding-bottom: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(170, 170, 170); font-size: 1.6em; line-height: 1.2em; font-family: sans-serif;\"><span dir=\"auto\">Eiffel Tower</span></h1><img src=\"http://upload.wikimedia.org/wikipedia/commons/thumb/3/3e/Eiffel.jpg/220px-Eiffel.jpg\"><br><br><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">The&nbsp;</span><b style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Eiffel Tower</b><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;(French:&nbsp;</span><span lang=\"fr\" xml:lang=\"fr\" style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\"><i>La Tour Eiffel</i></span><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">,&nbsp;</span><span title=\"Representation in the International Phonetic Alphabet (IPA)\" class=\"IPA\" style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\"><a href=\"http://en.wikipedia.org/wiki/Help:IPA_for_French\" title=\"Help:IPA for French\" style=\"text-decoration: none !important; color: rgb(11, 0, 128); background-image: none; background-position: initial initial; background-repeat: initial initial;\">[tu? ?f?l]</a></span><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">) is an</span><a href=\"http://en.wikipedia.org/wiki/Iron\" title=\"Iron\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">iron</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/Lattice_tower\" title=\"Lattice tower\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">lattice tower</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;located on the&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/Champ_de_Mars\" title=\"Champ de Mars\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Champ de Mars</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;in</span><a href=\"http://en.wikipedia.org/wiki/Paris\" title=\"Paris\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Paris</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">, named after the engineer&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/Gustave_Eiffel\" title=\"Gustave Eiffel\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Gustave Eiffel</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">, whose company designed and built the tower. Erected in 1889 as the entrance arch to the&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/Exposition_Universelle_(1889)\" title=\"Exposition Universelle (1889)\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">1889 World's Fair</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">, it has become both a&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/Global\" title=\"Global\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">global</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/Cultural_icon\" title=\"Cultural icon\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">cultural icon</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;of&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/France\" title=\"France\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">France</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;and one of the most recognizable structures in the world. The tower is the&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/List_of_tallest_buildings_and_structures_in_the_Paris_region\" title=\"List of tallest buildings and structures in the Paris region\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">tallest structure in Paris</a><sup id=\"cite_ref-10\" class=\"reference\" style=\"line-height: 1em; unicode-bidi: -webkit-isolate; font-family: sans-serif;\"><a href=\"http://en.wikipedia.org/wiki/Eiffel_Tower#cite_note-10\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; white-space: nowrap; background-position: initial initial; background-repeat: initial initial;\">[10]</a></sup><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;and the most-visited paid monument in the world; 7.1 million people ascended it in 2011. The tower received its 250 millionth visitor in 2010.</span>","highlights":false,"cluster":false,"icons":{"img":{"markerDefault":"theme/app/img/markers/default_information.png","markerShadow":"theme/app/img/markers/markers_shadow.png","markerSelected":"theme/app/img/markers/default_information.png","markerHighlights":"theme/app/img/markers/default_information_highlights.png"},"markersDimensions":{"width":"21","height":"25"},"shadowDimensions":{"width":"25","height":"15"}}}},{"type":"Feature","geometry":{"type":"Point","coordinates":["-74.0446772993","40.6892389566"]},"properties":{"title":"Statue of Liberty","label":"","html":"<h1 id=\"firstHeading\" class=\"firstHeading\" lang=\"en\" style=\"background-image: none; font-weight: normal; margin: 0px 0px 0.1em; overflow: hidden; padding-top: 0px; padding-bottom: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(170, 170, 170); font-size: 1.6em; line-height: 1.2em; font-family: sans-serif;\"><span dir=\"auto\">Statue of Liberty&nbsp;</span></h1><br><img src=\"http://upload.wikimedia.org/wikipedia/commons/thumb/2/27/Manhattan_from_helicopter_edit1.jpg/220px-Manhattan_from_helicopter_edit1.jpg\"><br><br><b style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Statue of Liberty National Monument</b><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;is a&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/National_Monument_(United_States)\" title=\"National Monument (United States)\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">national monument</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;comprising&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/Liberty_Island\" title=\"Liberty Island\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Liberty Island</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;and&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/Ellis_Island\" title=\"Ellis Island\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Ellis Island</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">.</span><sup id=\"cite_ref-5\" class=\"reference\" style=\"line-height: 1em; unicode-bidi: -webkit-isolate; font-family: sans-serif;\"><a href=\"http://en.wikipedia.org/wiki/Statue_of_Liberty_National_Monument#cite_note-5\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; white-space: nowrap; background-position: initial initial; background-repeat: initial initial;\">[5]</a></sup><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;It includes the&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/Statue_of_Liberty\" title=\"Statue of Liberty\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Statue of Liberty</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">, situated on Liberty Island (</span><span class=\"plainlinks nourlexpansion\" style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\"><span style=\"position: relative; white-space: nowrap;\"><a class=\"external text\" href=\"http://tools.wmflabs.org/geohack/geohack.php?pagename=Statue_of_Liberty_National_Monument&amp;params=40.689978_N_-74.045448_E_scale:5000_type:landmark\" style=\"text-decoration: none; color: rgb(102, 51, 102); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVElEQVR42n3PgQkAIAhEUXdqJ3dqJ3e6IoTPUSQcgj4EQ5IlUiLE0Jil3PECXhcHGBhZ8kg4hwxAu3MZeCGeyFnAXp4hqNQPnt7QL0nADpD6wHccLvnAKksq8iiaAAAAAElFTkSuQmCC); padding-top: 0px !important; padding-right: 13px; padding-bottom: 0px !important; padding-left: 0px !important; background-position: 0% 0%; background-repeat: no-repeat no-repeat;\"><span class=\"geo-default\" style=\"display: inline;\"><span class=\"geo-dms\" title=\"Maps, aerial photos, and other data for this location\" style=\"display: inline;\"><span class=\"latitude\">40?41'24?N</span>&nbsp;<span class=\"longitude\">74?02'44?W</span></span></span></a></span></span><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">), and the former immigration depot on Ellis Island (</span><span class=\"plainlinks nourlexpansion\" style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\"><span style=\"position: relative; white-space: nowrap;\"><a class=\"external text\" href=\"http://tools.wmflabs.org/geohack/geohack.php?pagename=Statue_of_Liberty_National_Monument&amp;params=40.699300_N_-74.039655_E_scale:5000_type:landmark\" style=\"text-decoration: none; color: rgb(102, 51, 102); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVElEQVR42n3PgQkAIAhEUXdqJ3dqJ3e6IoTPUSQcgj4EQ5IlUiLE0Jil3PECXhcHGBhZ8kg4hwxAu3MZeCGeyFnAXp4hqNQPnt7QL0nADpD6wHccLvnAKksq8iiaAAAAAElFTkSuQmCC); padding-top: 0px !important; padding-right: 13px; padding-bottom: 0px !important; padding-left: 0px !important; background-position: 0% 0%; background-repeat: no-repeat no-repeat;\"><span class=\"geo-default\" style=\"display: inline;\"><span class=\"geo-dms\" title=\"Maps, aerial photos, and other data for this location\" style=\"display: inline;\"><span class=\"latitude\">40?41'57?N</span>&nbsp;<span class=\"longitude\">74?02'23?W</span></span></span></a></span></span><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">). The Statue of Liberty was dedicated in 1886. The immigration station at Ellis Island opened in 1892 and closed in 1954.</span>","highlights":false,"cluster":false,"icons":{"img":{"markerDefault":"theme/app/img/markers/default_information.png","markerShadow":"theme/app/img/markers/markers_shadow.png","markerSelected":"theme/app/img/markers/default_information.png","markerHighlights":"theme/app/img/markers/default_information_highlights.png"},"markersDimensions":{"width":"21","height":"25"},"shadowDimensions":{"width":"25","height":"15"}}}},{"type":"Feature","geometry":{"type":"Point","coordinates":["12.4923310577","41.89026239"]},"properties":{"title":"Flavian Amphitheatre","label":"","html":"<h1 id=\"firstHeading\" class=\"firstHeading\" lang=\"en\" style=\"background-image: none; font-weight: normal; margin: 0px 0px 0.1em; overflow: hidden; padding-top: 0px; padding-bottom: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(170, 170, 170); font-size: 1.6em; line-height: 1.2em; font-family: sans-serif;\"><span dir=\"auto\">Colosseum</span></h1><br><img src=\"http://upload.wikimedia.org/wikipedia/commons/thumb/5/53/Colosseum_in_Rome%2C_Italy_-_April_2007.jpg/250px-Colosseum_in_Rome%2C_Italy_-_April_2007.jpg\"><br><br><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">The&nbsp;</span><b style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Colosseum</b><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;or&nbsp;</span><b style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Coliseum</b><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">, also known as the&nbsp;</span><b style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Flavian Amphitheatre</b><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;(Latin:&nbsp;</span><i style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Amphitheatrum Flavium</i><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">; Italian:</span><i style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Anfiteatro Flavio</i><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;or&nbsp;</span><i style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Colosseo</i><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">) is an elliptical&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/Amphitheatre\" title=\"Amphitheatre\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">amphitheatre</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">in the centre of the city of&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/Rome\" title=\"Rome\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Rome</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">,&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/Italy\" title=\"Italy\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Italy</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">. Built of&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/Concrete#History\" title=\"Concrete\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">concrete</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">and stone,</span><sup id=\"cite_ref-1\" class=\"reference\" style=\"line-height: 1em; unicode-bidi: -webkit-isolate; font-family: sans-serif;\"><a href=\"http://en.wikipedia.org/wiki/Colisseum#cite_note-1\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; white-space: nowrap; background-position: initial initial; background-repeat: initial initial;\">[1]</a></sup><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;it was the largest amphitheatre of the&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/Roman_Empire\" title=\"Roman Empire\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Roman Empire</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">, and is considered one of the greatest works of</span><a href=\"http://en.wikipedia.org/wiki/Roman_architecture\" title=\"Roman architecture\" class=\"mw-redirect\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Roman architecture</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;and&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/Roman_engineering\" title=\"Roman engineering\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">engineering</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">. It is the largest amphitheatre in the world.</span><sup id=\"cite_ref-2\" class=\"reference\" style=\"line-height: 1em; unicode-bidi: -webkit-isolate; font-family: sans-serif;\"><a href=\"http://en.wikipedia.org/wiki/Colisseum#cite_note-2\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; white-space: nowrap; background-position: initial initial; background-repeat: initial initial;\">[2]</a></sup>","highlights":false,"cluster":false,"icons":{"img":{"markerDefault":"theme/app/img/markers/default_information.png","markerShadow":"theme/app/img/markers/markers_shadow.png","markerSelected":"theme/app/img/markers/default_information.png","markerHighlights":"theme/app/img/markers/default_information_highlights.png"},"markersDimensions":{"width":"21","height":"25"},"shadowDimensions":{"width":"25","height":"15"}}}},{"type":"Feature","geometry":{"type":"Point","coordinates":["2.1742817632","41.403556606"]},"properties":{"title":"Sagrada Familia","label":"","html":"<h1 id=\"firstHeading\" class=\"firstHeading\" lang=\"en\" style=\"background-image: none; font-weight: normal; margin: 0px 0px 0.1em; overflow: hidden; padding-top: 0px; padding-bottom: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(170, 170, 170); font-size: 1.6em; line-height: 1.2em; font-family: sans-serif;\"><span dir=\"auto\">Sagrada Familia</span></h1><br><img src=\"http://upload.wikimedia.org/wikipedia/commons/thumb/1/1c/SF_-_lago.jpg/220px-SF_-_lago.jpg\"><br><br><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">The&nbsp;</span><b style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\"><span lang=\"ca\" xml:lang=\"ca\">Basilica i Temple Expiatori de la Sagrada Familia</span></b><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;(</span><small style=\"font-family: sans-serif; line-height: 19.1875px;\">Catalan pronunciation:&nbsp;</small><span title=\"Representation in the International Phonetic Alphabet (IPA)\" class=\"IPA\" style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\"><a href=\"http://en.wikipedia.org/wiki/Help:IPA_for_Catalan\" title=\"Help:IPA for Catalan\" style=\"text-decoration: none !important; color: rgb(11, 0, 128); background-image: none; background-position: initial initial; background-repeat: initial initial;\">[s?'??a?? f?'mi?i?]</a></span><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">;&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/English_language\" title=\"English language\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">English</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">:&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/Basilica\" title=\"Basilica\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Basilica</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;and</span><a href=\"http://en.wikipedia.org/wiki/Expiation\" title=\"Expiation\" class=\"mw-redirect\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Expiatory</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;Church of the&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/Holy_Family\" title=\"Holy Family\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Holy Family</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">), is a large&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/Catholic_Church\" title=\"Catholic Church\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Roman Catholic</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;church in</span><a href=\"http://en.wikipedia.org/wiki/Barcelona\" title=\"Barcelona\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Barcelona</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">,&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/Spain\" title=\"Spain\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Spain</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">, designed by Catalan architect&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/Antoni_Gaud%C3%AD\" title=\"Antoni Gaud?\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Antoni Gaud?</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;(1852?1926). Although incomplete, the church is a</span><a href=\"http://en.wikipedia.org/wiki/UNESCO\" title=\"UNESCO\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">UNESCO</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/World_Heritage_Site\" title=\"World Heritage Site\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">World Heritage Site</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">,</span><sup id=\"cite_ref-UNESCO_5-0\" class=\"reference\" style=\"line-height: 1em; unicode-bidi: -webkit-isolate; font-family: sans-serif;\"><a href=\"http://en.wikipedia.org/wiki/Sagrada_Fam%C3%ADlia#cite_note-UNESCO-5\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; white-space: nowrap; background-position: initial initial; background-repeat: initial initial;\">[5]</a></sup><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;and in November 2010&nbsp;</span><a href=\"http://en.wikipedia.org/wiki/Pope_Benedict_XVI\" title=\"Pope Benedict XVI\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">Pope Benedict&nbsp;XVI</a><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">consecrated and proclaimed it a&nbsp;</span><i style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\"><a href=\"http://en.wikipedia.org/wiki/Minor_basilica\" title=\"Minor basilica\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; background-position: initial initial; background-repeat: initial initial;\">minor basilica</a>,</i><sup id=\"cite_ref-6\" class=\"reference\" style=\"line-height: 1em; unicode-bidi: -webkit-isolate; font-family: sans-serif;\"><a href=\"http://en.wikipedia.org/wiki/Sagrada_Fam%C3%ADlia#cite_note-6\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; white-space: nowrap; background-position: initial initial; background-repeat: initial initial;\">[6]</a></sup><sup id=\"cite_ref-7\" class=\"reference\" style=\"line-height: 1em; unicode-bidi: -webkit-isolate; font-family: sans-serif;\"><a href=\"http://en.wikipedia.org/wiki/Sagrada_Fam%C3%ADlia#cite_note-7\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; white-space: nowrap; background-position: initial initial; background-repeat: initial initial;\">[7]</a></sup><sup id=\"cite_ref-CNSvisit_8-0\" class=\"reference\" style=\"line-height: 1em; unicode-bidi: -webkit-isolate; font-family: sans-serif;\"><a href=\"http://en.wikipedia.org/wiki/Sagrada_Fam%C3%ADlia#cite_note-CNSvisit-8\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; white-space: nowrap; background-position: initial initial; background-repeat: initial initial;\">[8]</a></sup><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;as distinct from a</span><i style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\"><a href=\"http://en.wikipedia.org/wiki/Cathedral\" title=\"Cathedral\" style=\"text-decoration: none; color: rgb(11, 0, 128); background-image: none; background-position: initial initial; background-repeat: initial initial;\">cathedral</a></i><span style=\"font-family: sans-serif; font-size: 13px; line-height: 19.1875px;\">&nbsp;which must be the seat of a bishop.</span>","highlights":false,"cluster":false,"icons":{"img":{"markerDefault":"theme/app/img/markers/default_information.png","markerShadow":"theme/app/img/markers/markers_shadow.png","markerSelected":"theme/app/img/markers/default_information.png","markerHighlights":"theme/app/img/markers/default_information_highlights.png"},"markersDimensions":{"width":"21","height":"25"},"shadowDimensions":{"width":"25","height":"15"}}}}]}

...and explore some famous monuments

../../_images/marker_editor_tour.png

A real life example of markers.

Use this markers in a site

This markers can be used also in a site, including MapStore in an iframe: Example (click on “View map”)

../../_images/marker_editor_iframe.png

A real life example of markers.