Home › Create a file with multiple markers

Create a file with multiple markers

Posted on by Admin — 38 Comments ↓

There is the possibility to create one marker and display it with the WP OSM Plugin. If you want to display several markers in a map you should keep these markers in a file and manage them separate. This can be done with:

  • text file that uses tabs to format
  • text file that uses the KML standard

A great tool to create and manage such KML files is the free tool Viking. It’s absed on layers and let’s you export an layer as KML file. The steps to create an KML file for visualisation are:

* install Viking on your system

Viking to create and modify KML files.

Viking to create and modify KML files.

* load the OpenStreetMap layer (green plus):

Viking to create and modify KML files.

Viking to create and modify KML files.

Viking to create and modify KML files.

Viking to create and modify KML files.

* Create a TrackWayPointLayer for your markers (again green plus):

* Set your marker in the layer (button with green plus and blue flag).

* Export the layer as KML file

Export KML file

Export KML file

* Open the KML file in a text editor and replace the icons (all png addresses) to:

http://www.YourDomain.com/wp-content/plugins/osm/icons/mic_photo_icon.png

or any other icon from this list.

* Add the KML file in your map:

[*osm_map lat="40.715" lon="-74.009" zoom="15" width="600" height="450" map_border="thin solid grey" file_list=="../../../../wp-content/uploads/sites/2/2015/01/TrackWaypoint.kml"]

 

 

 

38 comments on “Create a file with multiple markers”
  1. Erkki Pennanen says:
    13. January 2020 at 17:28

    Hi MiKa,

    I would like to ask you few questions before I proceed.

    I use wp and would like to send an image about our plan to you before making more questions.

    One picture is more than 1000 words!

    Best regards
    Erkki

    Reply
  2. Matthias v Saldern says:
    8. January 2020 at 15:02

    Hi MiKa,
    thanks for this great plugin.
    I spended a lot of time, but I cannot find the solution.

    KML-File

    vWordPress OpenStreetMap Plugin
    Liegenschaften

    ../../../../wp-content/plugins/osm/icons/mic_black_camera_01.png

    1.00

    Plattenburg

    <![CDATA[
    Plattenburg
    Text is more readable and
    easier to write when you can avoid using entity
    references.
    ]]>

    #Kamera

    12.0299,52.9588

    Shortcode:

    [osm_map_v3 map_center= "52.9658,12.0271" zoom="11" width="95%" height="450" map_border="thin solid" kml_file=“http://saldern-familienverband.de/wp-content/uploads/osm_map/Saldern.kml“ control=””]

    BTW: You live in Graz? Next visit I will drink a beer with you oder whatever else.

    Kind regards
    Matthias

    Reply
  3. Claire Berrard says:
    8. September 2019 at 05:12

    Bonjour,
    J’ai un petit souci. J’ai suivi les différentes étapes mais je n’arrive pas à afficher les marqueurs sur la carte.
    J’ai fait le calque KML sur viking, exporter le calque, changer les 2 lignes png sur le fichier texte KML, et je pense que je ne fais pas ensuite ce qu’il faut pour l’intégrer correctement sur la page.

    J’ai téléchargé le fichier sur notre hébergeur et changé le shortcode sur la page mais rien ne se passe :
    “[osm_map_v3 map_center= "-9.5970,-74.6980" zoom="5.092860838595564" width="95%" height="450" map_border="thin solid "file_list == "home/jonpap4/lestworistes.com/wp-content/uploads/Lima.kml "] ”

    Avez-vous une solution à me proposer ?

    Reply
  4. Rob says:
    7. October 2017 at 02:02

    I had a hell of a time getting this to work, but I finally did. Here’s VERY basic starter code for your KML file and WordPress post. It uses two different marker icons and shows two locations…..

    FIRST create a text file and give it a name. In this example, I’ll name it “mypoints.kml”

    Then paste the first part of the code you find here:

    https://jsfiddle.net/asr2e1fv/1/

    Be sure to change “EXAMPLEDOMAIN.COM to whatever your domain actually is (and fix the path as you need to). You can view all the available icons in that folder.

    SAVE THE FILE SOMEWHERE IN YOUR WORDPRESS DIRECTORIES. I SUGGEST IN YOUR UPLOADS FOLDER. In this example I am saving it to my uploads/2017/10 folder.

    Then put the second bit at the bottom of the code from that jsfiddle (above) into your page/post/custom post type.

    Again, DON’T FORGET to change EXAMPLEDOMAIN.COM to whatever your domain is. And edit the path to correctly match where you put that KML file.

    ONE FINAL THING….. If for some reason your markers don’t show up, make sure you haven’t entered the Longitude and Latitude backwards. If you’re pulling those from Google Maps, I’ve found Google to sometimes list Latitude before Longitude!

    Reply
  5. Rob says:
    7. October 2017 at 01:53

    I hope this will help someone down the line…..

    I had a hell of a time getting this to work, but I finally did. Here’s VERY basic starter code for your KML file and WordPress post. It uses two different marker icons and shows two locations…..

    FIRST create a text file and give it a name. In this example, I’ll name it “mypoints.kml”

    Paste the following into the file:

    WordPress OpenStreetMap Plugin
    OSM-Plugin-Demo

    http://EXAMPLEDOMAIN.COM/wp-content/plugins/osm/icons/mic_blue_pinother_02.png

    http://EXAMPLEDOMAIN.COM/wp-content/plugins/osm/icons/mic_blue_information_01.png

    New York —
    A description that appears in the popup.
    #BlueIcon

    -73.996195,40.731500

    Philadelphia —
    This one is using the Blue Info icon.
    #BlueInfoIcon

    -75.160746,39.936968

    Be sure to change “EXAMPLEDOMAIN.COM to whatever your domain actually is (and fix the path as you need to). You can view all the available icons in that folder.

    SAVE THE FILE SOMEWHERE IN YOUR WORDPRESS DIRECTORIES. I SUGGEST IN YOUR UPLOADS FOLDER. In this example I am saving it to my uploads/2017/10 folder.

    IN YOUR WORDPRESS PAGE/POST:
    This is what in you would put in your page/post/custom post type (in the regular WordPress content editor of course):

    [osm_map_v3 map_center="40.341160,-74.64988" zoom="5" width="100%" height="480" control="scaleline" file_list="http://EXAMPLEDOMAIN.COM/wp-content/uploads/2017/10/mypoints.kml"]

    Again, DON’T FORGET to change EXAMPLEDOMAIN.COM to whatever your domain is. And edit the path to correctly match where you put that KML file.

    ONE FINAL THING….. If for some reason your markers don’t show up, make sure you haven’t entered the Longitude and Latitude backwards. If you’re pulling those from Google Maps, I’ve found Google to sometimes list Latitude before Longitude!

    Reply
  6. Julian Nunez says:
    21. October 2016 at 11:08

    I wanna know how can I simulate the real movement of one or more markers at the same time, changing its coordinates. Is it possible?

    Reply
  7. Anna says:
    19. October 2016 at 23:41

    Hello Mika!
    thank you for the plugin.
    I’m having troubles to display the markers in the map with the kml file.
    Should it still work? or something has changed?
    I’ve followed all the steps you say. I can’t find de error.
    Thank you very much.

    Reply
  8. Anna says:
    17. October 2016 at 23:21

    Hello! thank you for the plugin.
    I have problems with the markers file. I have done the kml file, changed the icon address. Upload the icon file in the plugin folder.
    Written the code, but nothing happends. It only appears the map, without anymarker.
    What am I doing wrong?
    Thnank you for your help!

    Reply
  9. hajo says:
    29. July 2016 at 18:29

    Hello MiKa
    you wrote here of the two alternatives to manage multiple markers:
    text file that uses tabs to format
    text file that uses the KML standard

    The kml-file solution is well explained.
    Can you give some advice or an example for tab-delimited format?

    Thanks a lot.
    hajo

    Reply
    • admin01 says:
      17. August 2016 at 08:18

      Hello hajo,

      the tab – text file is not supported anymore … sorry. Let me know if you miss something in the KML file.

      Br, MiKa

      Reply
  10. Jan G says:
    2. June 2016 at 20:32

    Hey MiKa, related to my previous questions: please could you tell me, why the “hotSpot”-method described here https://developers.google.com/kml/documentation/kmlreference#iconstyle does not work for the WP OSM Plugin? My KML file is working fine with Google Earth (http://www.geographie.nat.uni-erlangen.de/wp-content/uploads/PanoramaTrail_WP.kml). Thank You!

    Reply
  11. Jan G says:
    31. May 2016 at 19:12

    Hi! First of all: Thanks for the great Plugin!

    I have a question on how to display
    -one or multiple gpx/kml track-file/s
    -combined with one ore multiple gpx/kml waypoint-file/s.

    To get an idea of what i mean, see http://s33.postimg.org/yz4j7ws5b/mehrere_Marker.png

    Would be great if you can help me! Thanks!

    Reply
  12. Christopher says:
    20. May 2016 at 20:10

    Hi,
    thanks for the tutorial.
    I Tried this – exported a KML from Viking and put it in WordPress OSM. But:

    No Pop-Up boxes with text. How do you do this? How did you add the popop boxes with text?

    Reply
  13. Marko says:
    17. October 2015 at 17:59

    Hello MiKa,

    I followed the steps described above except for the latitude and longitude because I used map_center instead. This is map code I’m using:

    [*osm_map_v3 map_center=”50.907,5.268″ zoom=”9″ width=”100%″ height=”450″ map_border=”thin solid blue” kml_file=”/wp-content/uploads/limburg/TrackWaypoint.kml”]

    The map shows up at this page:
    http://cng.muscleboykanan.com/vlaanderen/limburg/

    but without the three CNG Filling Stations of Bree, Hasselt and Heusden-Zolder.

    (Viking is also available for Arch Linux. I’m using Bluestar Linux which is based on it. When I go to http://cng.muscleboykanan.com/wp-content/uploads/limburg/TrackWaypoint.kml
    it opens and loads fine in Marble, and the filling stations do show up there.

    I first tried the value “http://cng.muscleboykanan.com/wp-content/uploads/limburg/TrackWaypoint.kml”, but that didn’t help. I already had to remove control=”mouseposition,scaleline” and theme=”dark” because no map shows up with those two things.

    Reply

Leave a Reply to - MiKa - Cancel reply

Your email address will not be published. Required fields are marked *

*