{"id":1071,"date":"2024-02-28T14:31:03","date_gmt":"2024-02-28T13:31:03","guid":{"rendered":"https:\/\/contecon.de\/picapportwiki\/?page_id=1071"},"modified":"2024-05-22T11:25:13","modified_gmt":"2024-05-22T09:25:13","slug":"creating-and-using-maps-trails-and-geojson-files-with-picapport","status":"publish","type":"page","link":"https:\/\/contecon.de\/picapportwiki\/creating-and-using-maps-trails-and-geojson-files-with-picapport\/","title":{"rendered":"Creating and using maps, trails and Geojson files with PicApport"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1071\" class=\"elementor elementor-1071\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb23224 e-flex e-con-boxed e-con e-parent\" data-id=\"eb23224\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f7b939 elementor-widget elementor-widget-heading\" data-id=\"0f7b939\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.19.0 - 07-02-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Creating and using maps, trails and Geojson files with PicApport<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18212b2 elementor-widget elementor-widget-heading\" data-id=\"18212b2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Introduction<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b942b58 elementor-widget elementor-widget-text-editor\" data-id=\"b942b58\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.19.0 - 07-02-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>Already very early in PicApport we have added the possibility to search for photos via geocoordinates or to display them on a map.<br \/>See also\u00a0<em><strong>Find photos with the map<\/strong><\/em> on <a href=\"https:\/\/contecon.de\/picapportwiki\/find-photos-with-picapport\/\">Find photos with PicApport \u2013 PicApport Wiki (contecon.de)<\/a><\/p><p>Even with medium-sized photo collections, this can quickly become confusing. With the release of version 8 we have therefore<br \/>decided to expand the GEO functionality as follows:<\/p><ul><li>Possibility to create dynamic collections as markers (color freely selectable) with text and an optional link on the map.<br \/>With this you can e.g.<ul><li>View all photos of a holiday trip via the marker on the map<\/li><li>Summarize all photos of a city e.g. Berlin and call them up via a marker.<\/li><li>Example (just click on the markers): Start online demo\u00a0<a class=\"external-link\" href=\"https:\/\/en.onlinedemo.picapport.de\/picapport\" rel=\"nofollow\">https:\/\/en.onlinedemo.picapport.de\/picapport<\/a>\u00a0and then click on the globe next to the help button.<\/li><\/ul><\/li><li><p>Possibility to display tracks, routes or other map information as GeoJSON file on the map.<br \/>With this you can e.g.<\/p><ul><li><p>Show routes<\/p><\/li><li><p>Document hikes, bicycle tours, etc.<\/p><\/li><li><p>Share excursions\u00a0 (this means the share function of PicApport)<\/p><\/li><li><p>Example motorcycle tour (just click on the first thumbnail with the map):\u00a0<a class=\"external-link\" href=\"https:\/\/en.onlinedemo.picapport.de\/picapport#thumbs?query=track+cevennen&amp;sort=datetimeascending\" rel=\"nofollow\">https:\/\/en.onlinedemo.picapport.de\/picapport#thumbs?query=track+cevennen&amp;sort=datetimeascending<\/a><\/p><\/li><\/ul><\/li><li><p>In addition to the map-provider selection, PicApport supports three PicApport layers on the map.<br \/>The individual layers can be switched on or off individually via the layer menu in the lower right corner.<\/p><ul><li><p>Photo markers (markers for the photos)<\/p><\/li><li><p>The MyMarker layer: markers for dynamic collections (since version 8.0)<br \/>This layer is only available if at least one marker has been created.<\/p><\/li><li><p>The GeoJSON layer: tracks, itineraries, etc. (since version 8.0)<br \/>This layer is only available when a GeoJSON file has been clicked in the thumbnail view.<\/p><\/li><\/ul><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-494f83d elementor-widget elementor-widget-image\" data-id=\"494f83d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.19.0 - 07-02-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/contecon.de\/picapportwiki\/wp-content\/uploads\/2024\/02\/GeoJson-Layer_EN-1024x487.png\" class=\"attachment-large size-large wp-image-1073\" alt=\"\" srcset=\"https:\/\/contecon.de\/picapportwiki\/wp-content\/uploads\/2024\/02\/GeoJson-Layer_EN-1024x487.png 1024w, https:\/\/contecon.de\/picapportwiki\/wp-content\/uploads\/2024\/02\/GeoJson-Layer_EN-300x143.png 300w, https:\/\/contecon.de\/picapportwiki\/wp-content\/uploads\/2024\/02\/GeoJson-Layer_EN-768x366.png 768w, https:\/\/contecon.de\/picapportwiki\/wp-content\/uploads\/2024\/02\/GeoJson-Layer_EN-1536x731.png 1536w, https:\/\/contecon.de\/picapportwiki\/wp-content\/uploads\/2024\/02\/GeoJson-Layer_EN.png 1561w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11a6247 elementor-widget elementor-widget-heading\" data-id=\"11a6247\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Create a Dynamic Collection as a Marker<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98ba849 elementor-widget elementor-widget-text-editor\" data-id=\"98ba849\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>To create markers you need the appropriate authorization:<strong>\u00a0<em>Permission to edit markers on map<\/em><\/strong><br \/>(This authorization is automatically set during a version update for all users who have\u00a0<em><strong>permission to edit dynamic collections<\/strong><\/em>.)<\/p><p>The name (title) of the marker as well as the description are taken from the selected photo and can be overwritten or changed.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-27781f5 elementor-widget elementor-widget-image\" data-id=\"27781f5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/contecon.de\/picapportwiki\/wp-content\/uploads\/2024\/02\/GeoJson-Create_EN-1024x487.png\" class=\"attachment-large size-large wp-image-1074\" alt=\"\" srcset=\"https:\/\/contecon.de\/picapportwiki\/wp-content\/uploads\/2024\/02\/GeoJson-Create_EN-1024x487.png 1024w, https:\/\/contecon.de\/picapportwiki\/wp-content\/uploads\/2024\/02\/GeoJson-Create_EN-300x143.png 300w, https:\/\/contecon.de\/picapportwiki\/wp-content\/uploads\/2024\/02\/GeoJson-Create_EN-768x366.png 768w, https:\/\/contecon.de\/picapportwiki\/wp-content\/uploads\/2024\/02\/GeoJson-Create_EN-1536x731.png 1536w, https:\/\/contecon.de\/picapportwiki\/wp-content\/uploads\/2024\/02\/GeoJson-Create_EN.png 1561w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7a68fd elementor-widget elementor-widget-image\" data-id=\"e7a68fd\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"704\" src=\"https:\/\/contecon.de\/picapportwiki\/wp-content\/uploads\/2024\/02\/GeoJson-Map_EN-1024x704.png\" class=\"attachment-large size-large wp-image-1075\" alt=\"\" srcset=\"https:\/\/contecon.de\/picapportwiki\/wp-content\/uploads\/2024\/02\/GeoJson-Map_EN-1024x704.png 1024w, https:\/\/contecon.de\/picapportwiki\/wp-content\/uploads\/2024\/02\/GeoJson-Map_EN-300x206.png 300w, https:\/\/contecon.de\/picapportwiki\/wp-content\/uploads\/2024\/02\/GeoJson-Map_EN-768x528.png 768w, https:\/\/contecon.de\/picapportwiki\/wp-content\/uploads\/2024\/02\/GeoJson-Map_EN.png 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5207638 elementor-widget elementor-widget-heading\" data-id=\"5207638\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Create GeoJSON files<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78fb393 elementor-widget elementor-widget-text-editor\" data-id=\"78fb393\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Typically you create tracks or routes with a tracking app on your mobile phone. Because there are a lot of data formats,<br \/>a program converts the generated file into a GeoJSON file (<a class=\"external-link\" href=\"https:\/\/en.wikipedia.org\/wiki\/GeoJSON\" rel=\"nofollow\">https:\/\/en.wikipedia.org\/wiki\/GeoJSON<\/a>).<br \/>(The author uses e.g. the free GPSBabel (<a class=\"external-link\" href=\"https:\/\/www.gpsbabel.org\/\" rel=\"nofollow\">https:\/\/www.gpsbabel.org\/<\/a>) which can also reduce the number of recorded track points, which is highly recommended).<\/p><p>Also there are numerous programs and tools to create tracks or GeoJSON files manually. (e.g. in the web\u00a0<a class=\"external-link\" href=\"http:\/\/geojson.io\/\" rel=\"nofollow\">http:\/\/geojson.io<\/a>)<\/p><p>A GeoJSON file valid for PicApport must have the file extension\u00a0<em><strong>.geojson<\/strong><\/em>. If the converter assigns the file extension\u00a0<em><strong>.json<\/strong><\/em>, the file extension must be changed to\u00a0<em><strong>.geojson<\/strong><\/em>\u00a0after conversion.<\/p><p>Once the GeoJSON file has been created, it is simply copied to a directory on the PicApport server together with the thematically assigned photos.<br \/>The PicApport-Crawler automatically creates a thumbnail for the GeoJSON file.<\/p><p>This thumbnail takes metadata from the GeoJSON file\u00a0 (see below the item\u00a0<em>Optional Metadata for GeoJSON Files<\/em>) or can be provided with additional keywords in PicApport.<br \/>The GeoJSON file can then be found\/queried with normal PicApport queries.<\/p><p><span class=\"confluence-embedded-file-wrapper confluence-embedded-manual-size\"><img decoding=\"async\" class=\"confluence-embedded-image confluence-thumbnail\" src=\"https:\/\/wiki.picapport.com\/download\/thumbnails\/18317377\/GeoJSON-Thumb.png?version=1&amp;modificationDate=1569326685654&amp;api=v2\" height=\"150\" data-image-src=\"\/download\/attachments\/18317377\/GeoJSON-Thumb.png?version=1&amp;modificationDate=1569326685654&amp;api=v2\" data-unresolved-comment-count=\"0\" data-linked-resource-id=\"18317400\" data-linked-resource-version=\"1\" data-linked-resource-type=\"attachment\" data-linked-resource-default-alias=\"GeoJSON-Thumb.png\" data-base-url=\"https:\/\/wiki.picapport.com\" data-linked-resource-content-type=\"image\/png\" data-linked-resource-container-id=\"18317377\" data-linked-resource-container-version=\"8\" \/><\/span><\/p><p>When you click on the track, there are two ways to display the track:<\/p><ol><li><strong><em>Show GeoJSON-File on map<\/em><\/strong><br \/>The track is displayed including all images found in the same (current) query.<br \/><br \/><\/li><li><strong><em>Show GeoJSON-File on map with associated photos<br \/><\/em><\/strong>The track is only displayed with the photos that are in the same directory (including all subdirectories) as the track.<br \/>Images which appear in the (current) query, but are located in other directories are not displayed. This allows you to reduce the display exclusively to the track and the assigned images.<\/li><\/ol><p>Example on the Online Demo:\u00a0<a class=\"external-link\" href=\"https:\/\/en.onlinedemo.picapport.de\/picapport#thumbs?query=track+cevennen&amp;sort=datetimeascending&amp;viewtime=7\" rel=\"nofollow\">https:\/\/en.onlinedemo.picapport.de\/picapport#thumbs?query=track+cevennen&amp;sort=datetimeascending&amp;viewtime=7<\/a><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cdb513c elementor-widget elementor-widget-heading\" data-id=\"cdb513c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Description of the attributes supported by PicApport in Geojson files<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-490fbbf elementor-widget elementor-widget-text-editor\" data-id=\"490fbbf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>The following two links show a simple example of a GeoJSON file:<\/p><ul><li>Download Example of our Demo GeoJSON-File:\u00a0<a class=\"external-link\" href=\"http:\/\/wiki.picapport.de\/download\/attachments\/18317314\/kaikoura-whale-watching-map.geojson?version=2&amp;modificationDate=1565967293841&amp;api=v2\" rel=\"nofollow\">kaikoura-whale-watching-map.geojson<\/a><\/li><li>Link to GeoJSON-File on our Online-Demo:\u00a0<a class=\"external-link\" href=\"https:\/\/en.onlinedemo.picapport.de\/picapport#thumbs?query=mapkaikoura&amp;sort=datetimeascending&amp;viewtime=7\" rel=\"nofollow\">https:\/\/en.onlinedemo.picapport.de\/picapport#thumbs?query=mapkaikoura&amp;sort=datetimeascending&amp;viewtime=7<\/a><\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e08a14c elementor-widget elementor-widget-heading\" data-id=\"e08a14c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Optional Metadata for GeoJSON Files<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d096bef elementor-widget elementor-widget-text-editor\" data-id=\"d096bef\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>So that Geojson files can be found in PicApport, it is possible to optionally equip them with the following metadata:<\/p><pre class=\"conf-macro output-block\">\"picapport-metadata\": {\n        \"timestamp\": \"2007-12-11 15:00:00\",\n        \"title\": \"Titel der GeoJSON Datei\",\n        \"description\": \"Beschreibung\",\n        \"keywords\": \"tag1, tag2, tag3\",\n        \"rating\": 1\n\t    }<\/pre><p class=\"auto-cursor-target\">See also our example GeoJSON file:\u00a0<a class=\"external-link\" href=\"http:\/\/wiki.picapport.de\/download\/attachments\/18317314\/kaikoura-whale-watching-map.geojson?version=2&amp;modificationDate=1565967293841&amp;api=v2\" rel=\"nofollow\">kaikoura-whale-watching-map.geojson<\/a><\/p><div class=\"table-wrap\"><table class=\"wrapped confluenceTable\"><colgroup><col \/><col \/><col \/><col \/><\/colgroup><tbody><tr><td class=\"confluenceTd\"><em><strong>timestamp<\/strong><\/em><\/td><td class=\"confluenceTd\">String (YYYY-MM-DD HH:MM:SS)<\/td><td class=\"confluenceTd\"><div class=\"content-wrapper\"><p>Creation date of the<br \/>GeoJSON file<\/p><\/div><\/td><td class=\"confluenceTd\">Used like the date a photo was taken<br \/>for searching and sorting<\/td><\/tr><tr><td class=\"confluenceTd\"><em><strong>title<\/strong><\/em><\/td><td class=\"confluenceTd\">String<\/td><td class=\"confluenceTd\">Name of GeoJSON file<\/td><td class=\"confluenceTd\">Can be used for search<\/td><\/tr><tr><td class=\"confluenceTd\"><em><strong>description<\/strong><\/em><\/td><td class=\"confluenceTd\">String<\/td><td class=\"confluenceTd\">not set<\/td><td class=\"confluenceTd\">Can be used for search<\/td><\/tr><tr><td class=\"confluenceTd\" colspan=\"1\"><em><strong>keywords<\/strong><\/em><\/td><td class=\"confluenceTd\" colspan=\"1\">String<\/td><td class=\"confluenceTd\" colspan=\"1\">not set<\/td><td class=\"confluenceTd\" colspan=\"1\">Can be used for search<\/td><\/tr><tr><td class=\"confluenceTd\" colspan=\"1\"><em><strong>rating<\/strong><\/em><\/td><td class=\"confluenceTd\" colspan=\"1\">Integer<\/td><td class=\"confluenceTd\" colspan=\"1\">not set<\/td><td class=\"confluenceTd\" colspan=\"1\">Rating (stars) for file<br \/>Allowed values:\u00a0<em><strong>0-5<\/strong><\/em><\/td><\/tr><\/tbody><\/table><\/div><div class=\"confluence-information-macro confluence-information-macro-information conf-macro output-block\" data-hasbody=\"true\" data-macro-name=\"info\"><div class=\"confluence-information-macro-body\"><p>&#8222;<em><strong>picapport-metadata<\/strong><\/em>&#8222;:{} is a PicApport specific extension of the GeoJSON specification.<br \/>It is possible that this information is not supported by other GeoJSON editing programs (may not be saved after modification).<\/p><\/div><\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ef4130 elementor-widget elementor-widget-heading\" data-id=\"4ef4130\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">GeoJSON Styling and Attributes<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1cf6de5 elementor-widget elementor-widget-text-editor\" data-id=\"1cf6de5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h3 id=\"Creatingandusingmaps,trailsandGeojsonfileswithPicApport-Description(Validformarkers,linesandpolygons)\">Description (Valid for markers, lines and polygons)<\/h3><div class=\"table-wrap\"><table class=\"wrapped confluenceTable\"><colgroup><col \/><col \/><col \/><col \/><\/colgroup><tbody><tr><td class=\"confluenceTd\"><em><strong>title<\/strong><\/em><\/td><td class=\"confluenceTd\">String<\/td><td class=\"confluenceTd\">not set<\/td><td class=\"confluenceTd\" colspan=\"1\">Heading for the tooltip of the object<\/td><\/tr><tr><td class=\"confluenceTd\" colspan=\"1\"><em><strong>url<\/strong><\/em><\/td><td class=\"confluenceTd\" colspan=\"1\">String<\/td><td class=\"confluenceTd\" colspan=\"1\">not set<\/td><td class=\"confluenceTd\" colspan=\"1\"><p>External URL (Only in conjunction with\u00a0<strong>title<\/strong>)<br \/>If\u00a0<em><strong>title<\/strong>\u00a0<\/em>and\u00a0<em><strong>url<\/strong>\u00a0<\/em>are set, the title is clickable in the popup.<br \/>The url is displayed in a new tab<\/p><\/td><\/tr><tr><td class=\"confluenceTd\"><em><strong>description<\/strong><\/em><\/td><td class=\"confluenceTd\">String<\/td><td class=\"confluenceTd\">not set<\/td><td class=\"confluenceTd\" colspan=\"1\">Descriptive text<\/td><\/tr><tr><td class=\"confluenceTd\"><strong><em>picapport-query<\/em><\/strong><\/td><td class=\"confluenceTd\">String<\/td><td class=\"confluenceTd\">not set<\/td><td class=\"confluenceTd\" colspan=\"1\"><p>If available, a Picapport query can be started.<br \/>(Thumbnails will then be displayed)<\/p><\/td><\/tr><\/tbody><\/table><\/div><h3 id=\"Creatingandusingmaps,trailsandGeojsonfileswithPicApport-Points(Marker)\">Points (Marker)<\/h3><div class=\"table-wrap\"><table class=\"wrapped confluenceTable\"><colgroup><col \/><col \/><col \/><col \/><\/colgroup><tbody><tr><td class=\"confluenceTd\"><em><strong>marker-color<\/strong><\/em><\/td><td class=\"confluenceTd\">String<\/td><td class=\"confluenceTd\">&#8222;red&#8220;<\/td><td class=\"confluenceTd\"><p>Color of the marker<br \/>next to the html-colors in the # notation (#rrggbb)<br \/>The following color codes are supported:<\/p><p>white, black, red, blue, yellow, orange, green<\/p><\/td><\/tr><\/tbody><\/table><\/div><h3 id=\"Creatingandusingmaps,trailsandGeojsonfileswithPicApport-Linesinpolygons\">Lines in polygons<\/h3><p>We have oriented ourselves to the following specification:\u00a0<a class=\"external-link\" href=\"https:\/\/github.com\/mapbox\/simplestyle-spec\/tree\/master\/1.1.0\" rel=\"nofollow\">https:\/\/github.com\/mapbox\/simplestyle-spec\/tree\/master\/1.1.0<\/a><\/p><div class=\"table-wrap\"><table class=\"relative-table wrapped confluenceTable\"><colgroup><col \/><col \/><col \/><col \/><\/colgroup><tbody><tr><td class=\"confluenceTd\"><p><em><strong>stroke-visible<\/strong><\/em><br \/>(stroke)<\/p><\/td><td class=\"confluenceTd\" colspan=\"1\">Boolean<\/td><td class=\"confluenceTd\">true<\/td><td class=\"confluenceTd\">Set it to false to disable borders of polygons or circles.\u00a0<\/td><\/tr><tr><td class=\"confluenceTd\"><p><em><strong>stroke<br \/><\/strong><\/em>(color)<\/p><\/td><td class=\"confluenceTd\" colspan=\"1\">String<\/td><td class=\"confluenceTd\">&#8222;#3388ff&#8220;<\/td><td class=\"confluenceTd\"><p>Line color (like\u00a0<em><strong>marker-color<\/strong><\/em>)<\/p><\/td><\/tr><tr><td class=\"confluenceTd\"><p><em><strong>stroke-width<\/strong><\/em><br \/>(weight)<\/p><\/td><td class=\"confluenceTd\" colspan=\"1\">Integer<\/td><td class=\"confluenceTd\">3<\/td><td class=\"confluenceTd\">Line width in pixels<\/td><\/tr><tr><td class=\"confluenceTd\"><p><em><strong>stroke-opacity<\/strong><\/em><br \/>(opacity)<\/p><\/td><td class=\"confluenceTd\" colspan=\"1\"><p>Decimal<br \/>0.0 &#8211; 1.0<\/p><\/td><td class=\"confluenceTd\">1.0<\/td><td class=\"confluenceTd\">Opacity of the line<\/td><\/tr><tr><td class=\"confluenceTd\"><p><em><strong>stroke-linecap<\/strong><\/em><br \/>(lineCap)<\/p><\/td><td class=\"confluenceTd\" colspan=\"1\">String<\/td><td class=\"confluenceTd\">&#8222;round&#8220;<\/td><td class=\"confluenceTd\"><p>A string that defines the shape to be used at the end of a line.<\/p><p>see:\u00a0<a class=\"external-link\" href=\"https:\/\/developer.mozilla.org\/de\/docs\/Web\/SVG\/Attribute\/stroke-linecap\" rel=\"nofollow\">https:\/\/developer.mozilla.org\/de\/docs\/Web\/SVG\/Attribute\/stroke-linecap<\/a><\/p><\/td><\/tr><tr><td class=\"confluenceTd\"><p><em><strong>stroke-linejoin<\/strong><\/em><br \/>(lineJoin)<\/p><\/td><td class=\"confluenceTd\" colspan=\"1\">String<\/td><td class=\"confluenceTd\">&#8222;round&#8220;<\/td><td class=\"confluenceTd\"><p>A string that defines the shape to be used at the corners of lines.<\/p><p>see:\u00a0<a class=\"external-link\" href=\"https:\/\/developer.mozilla.org\/de\/docs\/Web\/SVG\/Attribute\/stroke-linejoin\" rel=\"nofollow\">https:\/\/developer.mozilla.org\/de\/docs\/Web\/SVG\/Attribute\/stroke-linejoin<\/a><\/p><\/td><\/tr><tr><td class=\"confluenceTd\"><p><em><strong>stroke-dasharray<br \/><\/strong><\/em>(dashArray)<\/p><\/td><td class=\"confluenceTd\" colspan=\"1\">String<\/td><td class=\"confluenceTd\"><p>not set<\/p><\/td><td class=\"confluenceTd\"><p>A string that defines the dash pattern.<\/p><p>see:\u00a0<a class=\"external-link\" href=\"https:\/\/developer.mozilla.org\/de\/docs\/Web\/SVG\/Attribute\/stroke-dasharray\" rel=\"nofollow\">https:\/\/developer.mozilla.org\/de\/docs\/Web\/SVG\/Attribute\/stroke-dasharray<\/a><\/p><\/td><\/tr><tr><td class=\"confluenceTd\"><p><em><strong>stroke-dashoffset<br \/><\/strong><\/em>(dashOffset)<\/p><\/td><td class=\"confluenceTd\" colspan=\"1\">String<\/td><td class=\"confluenceTd\">not set<\/td><td class=\"confluenceTd\"><p>Spacing of the line pattern.<\/p><p>see:\u00a0<a class=\"external-link\" href=\"https:\/\/developer.mozilla.org\/de\/docs\/Web\/SVG\/Attribute\/stroke-dashoffset\" rel=\"nofollow\">https:\/\/developer.mozilla.org\/de\/docs\/Web\/SVG\/Attribute\/stroke-dashoffset<\/a><\/p><\/td><\/tr><tr><td class=\"confluenceTd\"><p><em><strong>fill-visible<\/strong><\/em><br \/>(fill)<\/p><\/td><td class=\"confluenceTd\" colspan=\"1\">Boolean<\/td><td class=\"confluenceTd\">true<\/td><td class=\"confluenceTd\">Specifies whether the path should be filled with color. Set it to false to disable filling of polygons or circles.<\/td><\/tr><tr><td class=\"confluenceTd\"><p><em><strong>fill<\/strong><\/em><br \/>(fillColor)<\/p><\/td><td class=\"confluenceTd\" colspan=\"1\">String<\/td><td class=\"confluenceTd\">if not set then same value as\u00a0<strong><em>stroke<\/em><\/strong><\/td><td class=\"confluenceTd\">Fill color of area (like\u00a0<em><strong>marker-color<\/strong><\/em>)<\/td><\/tr><tr><td class=\"confluenceTd\"><em><strong>fill-opacity<\/strong><\/em><br \/>(fillOpacity)<\/td><td class=\"confluenceTd\" colspan=\"1\"><p>Decimal<br \/>0.0 &#8211; 1.0<\/p><\/td><td class=\"confluenceTd\">0.2<\/td><td class=\"confluenceTd\">Opacity of the area<\/td><\/tr><\/tbody><\/table><\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a4b0ee e-flex e-con-boxed e-con e-parent\" data-id=\"2a4b0ee\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Creating and using maps, trails and Geojson files with PicApport Introduction Already very early in PicApport we have added the possibility to search for photos via geocoordinates or to display them on a map.See also\u00a0Find photos with the map on Find photos with PicApport \u2013 PicApport Wiki (contecon.de) Even with medium-sized photo collections, this can [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1071","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/contecon.de\/picapportwiki\/wp-json\/wp\/v2\/pages\/1071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contecon.de\/picapportwiki\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/contecon.de\/picapportwiki\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/contecon.de\/picapportwiki\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/contecon.de\/picapportwiki\/wp-json\/wp\/v2\/comments?post=1071"}],"version-history":[{"count":7,"href":"https:\/\/contecon.de\/picapportwiki\/wp-json\/wp\/v2\/pages\/1071\/revisions"}],"predecessor-version":[{"id":2074,"href":"https:\/\/contecon.de\/picapportwiki\/wp-json\/wp\/v2\/pages\/1071\/revisions\/2074"}],"wp:attachment":[{"href":"https:\/\/contecon.de\/picapportwiki\/wp-json\/wp\/v2\/media?parent=1071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}