docs(views/geomap): update user manual to reflect newly added features
							
								
								
									
										2
									
								
								apps/server/src/assets/doc_notes/en/User Guide/!!!meta.json
									
									
									
										generated
									
									
										vendored
									
									
								
							
							
						
						| Before Width: | Height: | Size: 605 B After Width: | Height: | Size: 605 B | 
| Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 22 KiB | 
| Before Width: | Height: | Size: 68 KiB After Width: | Height: | Size: 68 KiB | 
| Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB | 
| Before Width: | Height: | Size: 5.4 KiB After Width: | Height: | Size: 5.4 KiB | 
							
								
								
									
										
											BIN
										
									
								
								apps/server/src/assets/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Notes/Note List/15_Geo Map View_image.png
									
									
									
										generated
									
									
										vendored
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 44 KiB | 
| Before Width: | Height: | Size: 249 KiB After Width: | Height: | Size: 249 KiB | 
| Before Width: | Height: | Size: 179 B After Width: | Height: | Size: 179 B | 
| Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB | 
| Before Width: | Height: | Size: 141 KiB After Width: | Height: | Size: 141 KiB | 
| Before Width: | Height: | Size: 210 KiB After Width: | Height: | Size: 210 KiB | 
| Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB | 
| Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB | 
| Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 9.6 KiB | 
| Before Width: | Height: | Size: 62 KiB After Width: | Height: | Size: 62 KiB | 
| Before Width: | Height: | Size: 8.5 KiB After Width: | Height: | Size: 8.5 KiB | 
| Before Width: | Height: | Size: 338 KiB After Width: | Height: | Size: 338 KiB | 
| Before Width: | Height: | Size: 108 KiB After Width: | Height: | Size: 108 KiB | 
| @@ -1,5 +1,11 @@ | |||||||
|  | <aside class="admonition important"> | ||||||
|  |   <p>Starting with Trilium v0.97.0, the geo map has been converted from a standalone | ||||||
|  |     <a | ||||||
|  |     href="#root/pOsGYCXsbNQG/_help_KSZ04uQ2D1St">note type</a>to a type of view for the <a class="reference-link" | ||||||
|  |       href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/BFs8mudNFgCS/_help_0ESUbbAxVnoK">Note List</a>. </p> | ||||||
|  | </aside> | ||||||
| <figure class="image image-style-align-center"> | <figure class="image image-style-align-center"> | ||||||
|   <img style="aspect-ratio:892/675;" src="10_Geo Map_image.png" width="892" |   <img style="aspect-ratio:892/675;" src="9_Geo Map View_image.png" width="892" | ||||||
|   height="675"> |   height="675"> | ||||||
| </figure> | </figure> | ||||||
| <p>This note type displays the children notes on a geographical map, based | <p>This note type displays the children notes on a geographical map, based | ||||||
| @@ -19,9 +25,9 @@ | |||||||
|       <tr> |       <tr> | ||||||
|         <td>1</td> |         <td>1</td> | ||||||
|         <td> |         <td> | ||||||
|           <figure class="image image-style-align-center image_resized" style="width:51.25%;"> |           <figure class="image"> | ||||||
|             <img style="aspect-ratio:1256/1044;" src="7_Geo Map_image.png" width="1256" |             <img style="aspect-ratio:483/413;" src="15_Geo Map View_image.png" width="483" | ||||||
|             height="1044"> |             height="413"> | ||||||
|           </figure> |           </figure> | ||||||
|         </td> |         </td> | ||||||
|         <td>Right click on any note on the note tree and select <em>Insert child note</em> → <em>Geo Map (beta)</em>.</td> |         <td>Right click on any note on the note tree and select <em>Insert child note</em> → <em>Geo Map (beta)</em>.</td> | ||||||
| @@ -30,7 +36,7 @@ | |||||||
|         <td>2</td> |         <td>2</td> | ||||||
|         <td> |         <td> | ||||||
|           <figure class="image image-style-align-center image_resized" style="width:53.44%;"> |           <figure class="image image-style-align-center image_resized" style="width:53.44%;"> | ||||||
|             <img style="aspect-ratio:1720/1396;" src="9_Geo Map_image.png" width="1720" |             <img style="aspect-ratio:1720/1396;" src="8_Geo Map View_image.png" width="1720" | ||||||
|             height="1396"> |             height="1396"> | ||||||
|           </figure> |           </figure> | ||||||
|         </td> |         </td> | ||||||
| @@ -39,7 +45,6 @@ | |||||||
|     </tbody> |     </tbody> | ||||||
|   </table> |   </table> | ||||||
| </figure> | </figure> | ||||||
| 
 |  | ||||||
| <h2>Repositioning the map</h2> | <h2>Repositioning the map</h2> | ||||||
| <ul> | <ul> | ||||||
|   <li>Click and drag the map in order to move across the map.</li> |   <li>Click and drag the map in order to move across the map.</li> | ||||||
| @@ -49,6 +54,7 @@ | |||||||
| <p>The position on the map and the zoom are saved inside the map note and | <p>The position on the map and the zoom are saved inside the map note and | ||||||
|   restored when visiting again the note.</p> |   restored when visiting again the note.</p> | ||||||
| <h2>Adding a marker using the map</h2> | <h2>Adding a marker using the map</h2> | ||||||
|  | <h3>Adding a new note using the plus button</h3> | ||||||
| <figure class="table"> | <figure class="table"> | ||||||
|   <table> |   <table> | ||||||
|     <thead> |     <thead> | ||||||
| @@ -63,18 +69,18 @@ | |||||||
|         <td>1</td> |         <td>1</td> | ||||||
|         <td>To create a marker, first navigate to the desired point on the map. Then |         <td>To create a marker, first navigate to the desired point on the map. Then | ||||||
|           press the |           press the | ||||||
|           <img src="11_Geo Map_image.png">button in the <a href="#root/_help_XpOYSgsLkTJy">Floating buttons</a> (top-right) |           <img src="10_Geo Map View_image.png">button in the <a href="#root/_help_XpOYSgsLkTJy">Floating buttons</a> (top-right) | ||||||
|           area.  |           area.  | ||||||
|           <br> |           <br> | ||||||
|           <br>If the button is not visible, make sure the button section is visible |           <br>If the button is not visible, make sure the button section is visible | ||||||
|           by pressing the chevron button ( |           by pressing the chevron button ( | ||||||
|           <img src="17_Geo Map_image.png">) in the top-right of the map.</td> |           <img src="17_Geo Map View_image.png">) in the top-right of the map.</td> | ||||||
|         <td> </td> |         <td> </td> | ||||||
|       </tr> |       </tr> | ||||||
|       <tr> |       <tr> | ||||||
|         <td>2</td> |         <td>2</td> | ||||||
|         <td> |         <td> | ||||||
|           <img class="image_resized" style="aspect-ratio:1730/416;width:100%;" src="2_Geo Map_image.png" |           <img class="image_resized" style="aspect-ratio:1730/416;width:100%;" src="2_Geo Map View_image.png" | ||||||
|           width="1730" height="416"> |           width="1730" height="416"> | ||||||
|         </td> |         </td> | ||||||
|         <td>Once pressed, the map will enter in the insert mode, as illustrated by |         <td>Once pressed, the map will enter in the insert mode, as illustrated by | ||||||
| @@ -86,7 +92,7 @@ | |||||||
|       <tr> |       <tr> | ||||||
|         <td>3</td> |         <td>3</td> | ||||||
|         <td> |         <td> | ||||||
|           <img class="image_resized" style="aspect-ratio:1586/404;width:100%;" src="8_Geo Map_image.png" |           <img class="image_resized" style="aspect-ratio:1586/404;width:100%;" src="7_Geo Map View_image.png" | ||||||
|           width="1586" height="404"> |           width="1586" height="404"> | ||||||
|         </td> |         </td> | ||||||
|         <td>Enter the name of the marker/note to be created.</td> |         <td>Enter the name of the marker/note to be created.</td> | ||||||
| @@ -94,7 +100,7 @@ | |||||||
|       <tr> |       <tr> | ||||||
|         <td>4</td> |         <td>4</td> | ||||||
|         <td> |         <td> | ||||||
|           <img class="image_resized" style="aspect-ratio:1696/608;width:100%;" src="16_Geo Map_image.png" |           <img class="image_resized" style="aspect-ratio:1696/608;width:100%;" src="16_Geo Map View_image.png" | ||||||
|           width="1696" height="608"> |           width="1696" height="608"> | ||||||
|         </td> |         </td> | ||||||
|         <td>Once confirmed, the marker will show up on the map and it will also be |         <td>Once confirmed, the marker will show up on the map and it will also be | ||||||
| @@ -103,11 +109,34 @@ | |||||||
|     </tbody> |     </tbody> | ||||||
|   </table> |   </table> | ||||||
| </figure> | </figure> | ||||||
| 
 | <h3>Adding a new note using the contextual menu</h3> | ||||||
|  | <ol> | ||||||
|  |   <li>Right click anywhere on the map, where to place the newly created marker | ||||||
|  |     (and corresponding note).</li> | ||||||
|  |   <li>Select <em>Add a marker at this location</em>.</li> | ||||||
|  |   <li>Enter the name of the newly created note.</li> | ||||||
|  |   <li>The map should be updated with the new marker.</li> | ||||||
|  | </ol> | ||||||
|  | <h3>Adding an existing note on note from the note tree</h3> | ||||||
|  | <ol> | ||||||
|  |   <li>Select the desired note in the <a class="reference-link" href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/Vc8PjrjAGuOp/_help_oPVyFC7WL2Lp">Note Tree</a>.</li> | ||||||
|  |   <li>Hold the mouse on the note and drag it to the map to the desired location.</li> | ||||||
|  |   <li>The map should be updated with the new marker.</li> | ||||||
|  | </ol> | ||||||
|  | <p>This works for:</p> | ||||||
|  | <ul> | ||||||
|  |   <li>Notes that are not part of the geo map, case in which a <a href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/BFs8mudNFgCS/_help_IakOLONlIfGI">clone</a> will | ||||||
|  |     be created.</li> | ||||||
|  |   <li>Notes that are a child of the geo map but not yet positioned on the map.</li> | ||||||
|  |   <li>Notes that are a child of the geo map and also positioned, case in which | ||||||
|  |     the marker will be relocated to the new position.</li> | ||||||
|  | </ul> | ||||||
| <h2>How the location of the markers is stored</h2> | <h2>How the location of the markers is stored</h2> | ||||||
| <p>The location of a marker is stored in the <code>#geolocation</code> attribute | <p>The location of a marker is stored in the <code>#geolocation</code> attribute | ||||||
|   of the child notes:</p> |   of the child notes:</p> | ||||||
| <img src="18_Geo Map_image.png" width="1288" height="278"> | <p> | ||||||
|  |   <img src="18_Geo Map View_image.png" width="1288" height="278"> | ||||||
|  | </p> | ||||||
| <p>This value can be added manually if needed. The value of the attribute | <p>This value can be added manually if needed. The value of the attribute | ||||||
|   is made up of the latitude and longitude separated by a comma.</p> |   is made up of the latitude and longitude separated by a comma.</p> | ||||||
| <h2>Repositioning markers</h2> | <h2>Repositioning markers</h2> | ||||||
| @@ -129,18 +158,40 @@ | |||||||
|   <li>Middle-clicking the marker will open the note in a new tab.</li> |   <li>Middle-clicking the marker will open the note in a new tab.</li> | ||||||
|   <li>Right-clicking the marker will open a contextual menu allowing: |   <li>Right-clicking the marker will open a contextual menu allowing: | ||||||
|     <ul> |     <ul> | ||||||
|       <li>Opening the note in a new tab, split or window.</li> |       <li> </li> | ||||||
|       <li>Opening the location using an external application (if the operating system |  | ||||||
|         supports it).</li> |  | ||||||
|       <li>Removing the marker from the map, which will remove the <code>#geolocation</code> attribute |  | ||||||
|         of the note. To add it back again, the coordinates have to be manually |  | ||||||
|         added back in.</li> |  | ||||||
|     </ul> |     </ul> | ||||||
|   </li> |   </li> | ||||||
| </ul> | </ul> | ||||||
|  | <h2>Contextual menu</h2> | ||||||
|  | <p>It's possible to press the right mouse button to display a contextual | ||||||
|  |   menu.</p> | ||||||
|  | <ol> | ||||||
|  |   <li>If right-clicking an empty section of the map (not on a marker), it allows | ||||||
|  |     to: | ||||||
|  |     <ol> | ||||||
|  |       <li>Displays the latitude and longitude. Clicking this option will copy them | ||||||
|  |         to the clipboard.</li> | ||||||
|  |       <li>Open the location using an external application (if the operating system | ||||||
|  |         supports it).</li> | ||||||
|  |       <li>Adding a new marker at that location.</li> | ||||||
|  |     </ol> | ||||||
|  |   </li> | ||||||
|  |   <li>If right-clicking on a marker, it allows to: | ||||||
|  |     <ol> | ||||||
|  |       <li>Displays the latitude and longitude. Clicking this option will copy them | ||||||
|  |         to the clipboard.</li> | ||||||
|  |       <li>Open the location using an external application (if the operating system | ||||||
|  |         supports it).</li> | ||||||
|  |       <li>Open the note in a new tab, split or window.</li> | ||||||
|  |       <li>Remove the marker from the map, which will remove the <code>#geolocation</code> attribute | ||||||
|  |         of the note. To add it back again, the coordinates have to be manually | ||||||
|  |         added back in.</li> | ||||||
|  |     </ol> | ||||||
|  |   </li> | ||||||
|  | </ol> | ||||||
| <h2>Icon and color of the markers</h2> | <h2>Icon and color of the markers</h2> | ||||||
| <figure class="image image-style-align-center"> | <figure class="image image-style-align-center"> | ||||||
|   <img style="aspect-ratio:523/295;" src="Geo Map_image.jpg" alt="image" |   <img style="aspect-ratio:523/295;" src="Geo Map View_image.jpg" alt="image" | ||||||
|   width="523" height="295"> |   width="523" height="295"> | ||||||
| </figure> | </figure> | ||||||
| <p>The markers will have the same icon as the note.</p> | <p>The markers will have the same icon as the note.</p> | ||||||
| @@ -171,7 +222,7 @@ | |||||||
|         <td>1</td> |         <td>1</td> | ||||||
|         <td> |         <td> | ||||||
|           <figure class="image image-style-align-center image_resized" style="width:56.84%;"> |           <figure class="image image-style-align-center image_resized" style="width:56.84%;"> | ||||||
|             <img style="aspect-ratio:732/918;" src="13_Geo Map_image.png" width="732" |             <img style="aspect-ratio:732/918;" src="12_Geo Map View_image.png" width="732" | ||||||
|             height="918"> |             height="918"> | ||||||
|           </figure> |           </figure> | ||||||
|         </td> |         </td> | ||||||
| @@ -188,7 +239,7 @@ | |||||||
|         <td>2</td> |         <td>2</td> | ||||||
|         <td> |         <td> | ||||||
|           <figure class="image image-style-align-center image_resized" style="width:100%;"> |           <figure class="image image-style-align-center image_resized" style="width:100%;"> | ||||||
|             <img style="aspect-ratio:518/84;" src="4_Geo Map_image.png" width="518" |             <img style="aspect-ratio:518/84;" src="4_Geo Map View_image.png" width="518" | ||||||
|             height="84"> |             height="84"> | ||||||
|           </figure> |           </figure> | ||||||
|         </td> |         </td> | ||||||
| @@ -198,7 +249,7 @@ | |||||||
|         <td>3</td> |         <td>3</td> | ||||||
|         <td> |         <td> | ||||||
|           <figure class="image image-style-align-center image_resized" style="width:100%;"> |           <figure class="image image-style-align-center image_resized" style="width:100%;"> | ||||||
|             <img style="aspect-ratio:1074/276;" src="12_Geo Map_image.png" width="1074" |             <img style="aspect-ratio:1074/276;" src="11_Geo Map View_image.png" width="1074" | ||||||
|             height="276"> |             height="276"> | ||||||
|           </figure> |           </figure> | ||||||
|         </td> |         </td> | ||||||
| @@ -210,7 +261,6 @@ | |||||||
|     </tbody> |     </tbody> | ||||||
|   </table> |   </table> | ||||||
| </figure> | </figure> | ||||||
| 
 |  | ||||||
| <h3>Adding from OpenStreetMap</h3> | <h3>Adding from OpenStreetMap</h3> | ||||||
| <p>Similarly to the Google Maps approach:</p> | <p>Similarly to the Google Maps approach:</p> | ||||||
| <figure class="table" style="width:100%;"> | <figure class="table" style="width:100%;"> | ||||||
| @@ -231,7 +281,7 @@ | |||||||
|       <tr> |       <tr> | ||||||
|         <td>1</td> |         <td>1</td> | ||||||
|         <td> |         <td> | ||||||
|           <img class="image_resized" style="aspect-ratio:562/454;width:100%;" src="1_Geo Map_image.png" |           <img class="image_resized" style="aspect-ratio:562/454;width:100%;" src="1_Geo Map View_image.png" | ||||||
|           width="562" height="454"> |           width="562" height="454"> | ||||||
|         </td> |         </td> | ||||||
|         <td>Go to any location on openstreetmap.org and right click to bring up the |         <td>Go to any location on openstreetmap.org and right click to bring up the | ||||||
| @@ -240,7 +290,7 @@ | |||||||
|       <tr> |       <tr> | ||||||
|         <td>2</td> |         <td>2</td> | ||||||
|         <td> |         <td> | ||||||
|           <img class="image_resized" style="aspect-ratio:696/480;width:100%;" src="Geo Map_image.png" |           <img class="image_resized" style="aspect-ratio:696/480;width:100%;" src="Geo Map View_image.png" | ||||||
|           width="696" height="480"> |           width="696" height="480"> | ||||||
|         </td> |         </td> | ||||||
|         <td>The address will be visible in the top-left of the screen, in the place |         <td>The address will be visible in the top-left of the screen, in the place | ||||||
| @@ -251,7 +301,7 @@ | |||||||
|       <tr> |       <tr> | ||||||
|         <td>3</td> |         <td>3</td> | ||||||
|         <td> |         <td> | ||||||
|           <img class="image_resized" style="aspect-ratio:640/276;width:100%;" src="5_Geo Map_image.png" |           <img class="image_resized" style="aspect-ratio:640/276;width:100%;" src="5_Geo Map View_image.png" | ||||||
|           width="640" height="276"> |           width="640" height="276"> | ||||||
|         </td> |         </td> | ||||||
|         <td>Simply paste the value inside the text box into the <code>#geolocation</code> attribute |         <td>Simply paste the value inside the text box into the <code>#geolocation</code> attribute | ||||||
| @@ -260,7 +310,6 @@ | |||||||
|     </tbody> |     </tbody> | ||||||
|   </table> |   </table> | ||||||
| </figure> | </figure> | ||||||
| 
 |  | ||||||
| <h2>Adding GPS tracks (.gpx)</h2> | <h2>Adding GPS tracks (.gpx)</h2> | ||||||
| <p>Trilium has basic support for displaying GPS tracks on the geo map.</p> | <p>Trilium has basic support for displaying GPS tracks on the geo map.</p> | ||||||
| <figure | <figure | ||||||
| @@ -283,7 +332,7 @@ class="table" style="width:100%;"> | |||||||
|         <td>1</td> |         <td>1</td> | ||||||
|         <td> |         <td> | ||||||
|           <figure class="image image-style-align-center"> |           <figure class="image image-style-align-center"> | ||||||
|             <img style="aspect-ratio:226/74;" src="3_Geo Map_image.png" width="226" |             <img style="aspect-ratio:226/74;" src="3_Geo Map View_image.png" width="226" | ||||||
|             height="74"> |             height="74"> | ||||||
|           </figure> |           </figure> | ||||||
|         </td> |         </td> | ||||||
| @@ -294,7 +343,7 @@ class="table" style="width:100%;"> | |||||||
|         <td>2</td> |         <td>2</td> | ||||||
|         <td> |         <td> | ||||||
|           <figure class="image image-style-align-center"> |           <figure class="image image-style-align-center"> | ||||||
|             <img style="aspect-ratio:322/222;" src="15_Geo Map_image.png" width="322" |             <img style="aspect-ratio:322/222;" src="14_Geo Map View_image.png" width="322" | ||||||
|             height="222"> |             height="222"> | ||||||
|           </figure> |           </figure> | ||||||
|         </td> |         </td> | ||||||
| @@ -305,7 +354,7 @@ class="table" style="width:100%;"> | |||||||
|         <td>3</td> |         <td>3</td> | ||||||
|         <td> |         <td> | ||||||
|           <figure class="image image-style-align-center"> |           <figure class="image image-style-align-center"> | ||||||
|             <img style="aspect-ratio:620/530;" src="6_Geo Map_image.png" width="620" |             <img style="aspect-ratio:620/530;" src="6_Geo Map View_image.png" width="620" | ||||||
|             height="530"> |             height="530"> | ||||||
|           </figure> |           </figure> | ||||||
|         </td> |         </td> | ||||||
| @@ -324,12 +373,22 @@ class="table" style="width:100%;"> | |||||||
|     <p>If the GPX contains waypoints, they will also be displayed. If they have |     <p>If the GPX contains waypoints, they will also be displayed. If they have | ||||||
|       a name, it is displayed when hovering over it with the mouse.</p> |       a name, it is displayed when hovering over it with the mouse.</p> | ||||||
|   </aside> |   </aside> | ||||||
|  |   <h2>Read-only mode</h2> | ||||||
|  |   <p>When a map is in read-only all editing features will be disabled such | ||||||
|  |     as:</p> | ||||||
|  |   <ul> | ||||||
|  |     <li>The add button in the <a class="reference-link" href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/Vc8PjrjAGuOp/_help_XpOYSgsLkTJy">Floating buttons</a>.</li> | ||||||
|  |     <li>Dragging markers.</li> | ||||||
|  |     <li>Editing from the contextual menu (removing locations or adding new items).</li> | ||||||
|  |   </ul> | ||||||
|  |   <p>To enable read-only mode simply press the <em>Lock</em> icon from the  | ||||||
|  |     <a | ||||||
|  |     class="reference-link" href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/Vc8PjrjAGuOp/_help_XpOYSgsLkTJy">Floating buttons</a>. To disable it, press the button again.</p> | ||||||
|   <h2>Troubleshooting</h2> |   <h2>Troubleshooting</h2> | ||||||
|   <figure class="image image-style-align-right image_resized" style="width:34.06%;"> |   <figure class="image image-style-align-right image_resized" style="width:34.06%;"> | ||||||
|     <img style="aspect-ratio:678/499;" src="14_Geo Map_image.png" width="678" |     <img style="aspect-ratio:678/499;" src="13_Geo Map View_image.png" width="678" | ||||||
|     height="499"> |     height="499"> | ||||||
|   </figure> |   </figure> | ||||||
|    |  | ||||||
|   <h3>Grid-like artifacts on the map</h3> |   <h3>Grid-like artifacts on the map</h3> | ||||||
|   <p>This occurs if the application is not at 100% zoom which causes the pixels |   <p>This occurs if the application is not at 100% zoom which causes the pixels | ||||||
|     of the map to not render correctly due to fractional scaling. The only |     of the map to not render correctly due to fractional scaling. The only | ||||||
| Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB | 
| Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB | 
| @@ -1,16 +1,16 @@ | |||||||
| <figure class="image"> | <figure class="image"> | ||||||
|   <img style="aspect-ratio:1050/259;" src="Table_image.png" width="1050" |   <img style="aspect-ratio:1050/259;" src="Table View_image.png" width="1050" | ||||||
|   height="259"> |   height="259"> | ||||||
| </figure> | </figure> | ||||||
| <p>The table view displays information in a grid, where the rows are individual | <p>The table view displays information in a grid, where the rows are individual | ||||||
|   notes and the columns are <a class="reference-link" href="#root/pOsGYCXsbNQG/tC7s2alapj8V/zEY4DaJG4YT5/_help_OFXdgB2nNk1F">Promoted Attributes</a>. |   notes and the columns are <a class="reference-link" href="#root/_help_OFXdgB2nNk1F">Promoted Attributes</a>. | ||||||
|   In addition, values are editable.</p> |   In addition, values are editable.</p> | ||||||
| <h2>Interaction</h2> | <h2>Interaction</h2> | ||||||
| <h3>Creating a new table</h3> | <h3>Creating a new table</h3> | ||||||
| <p>Right click the <a class="reference-link" href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/Vc8PjrjAGuOp/_help_oPVyFC7WL2Lp">Note Tree</a> and | <p>Right click the <a class="reference-link" href="#root/_help_oPVyFC7WL2Lp">Note Tree</a> and | ||||||
|   select <em>Insert child note</em> and look for the <em>Table item</em>.</p> |   select <em>Insert child note</em> and look for the <em>Table item</em>.</p> | ||||||
| <h3>Adding columns</h3> | <h3>Adding columns</h3> | ||||||
| <p>Each column is a <a href="#root/pOsGYCXsbNQG/tC7s2alapj8V/zEY4DaJG4YT5/_help_OFXdgB2nNk1F">promoted attribute</a> that | <p>Each column is a <a href="#root/_help_OFXdgB2nNk1F">promoted attribute</a> that | ||||||
|   is defined on the Book note. Ideally, the promoted attributes need to be |   is defined on the Book note. Ideally, the promoted attributes need to be | ||||||
|   inheritable in order to show up in the child notes.</p> |   inheritable in order to show up in the child notes.</p> | ||||||
| <p>To create a new column, simply press <em>Add new column</em> at the bottom | <p>To create a new column, simply press <em>Add new column</em> at the bottom | ||||||
| @@ -19,7 +19,7 @@ | |||||||
| <ul> | <ul> | ||||||
|   <li>The current item number, identified by the <code>#</code> symbol. This simply |   <li>The current item number, identified by the <code>#</code> symbol. This simply | ||||||
|     counts the note and is affected by sorting.</li> |     counts the note and is affected by sorting.</li> | ||||||
|   <li><a class="reference-link" href="#root/pOsGYCXsbNQG/tC7s2alapj8V/_help_m1lbrzyKDaRB">Note ID</a>, |   <li><a class="reference-link" href="#root/_help_m1lbrzyKDaRB">Note ID</a>, | ||||||
|     representing the unique ID used internally by Trilium</li> |     representing the unique ID used internally by Trilium</li> | ||||||
|   <li>The title of the note.</li> |   <li>The title of the note.</li> | ||||||
| </ul> | </ul> | ||||||
| @@ -28,9 +28,7 @@ | |||||||
| <p>To create a new note, press <em>Add new row</em> at the bottom of the table. | <p>To create a new note, press <em>Add new row</em> at the bottom of the table. | ||||||
|   By default it will try to edit the title of the newly created note.</p> |   By default it will try to edit the title of the newly created note.</p> | ||||||
| <p>Alternatively, the note can be created from the<a class="reference-link" | <p>Alternatively, the note can be created from the<a class="reference-link" | ||||||
|   href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/Vc8PjrjAGuOp/_help_oPVyFC7WL2Lp">Note Tree</a> or |   href="#root/_help_oPVyFC7WL2Lp">Note Tree</a> or <a href="#root/_help_CdNpE2pqjmI6">scripting</a>.</p> | ||||||
|   <a |  | ||||||
|   href="#root/pOsGYCXsbNQG/_help_CdNpE2pqjmI6">scripting</a>.</p> |  | ||||||
| <h3>Editing data</h3> | <h3>Editing data</h3> | ||||||
| <p>Simply click on a cell within a row to change its value. The change will | <p>Simply click on a cell within a row to change its value. The change will | ||||||
|   not only reflect in the table, but also as an attribute of the corresponding |   not only reflect in the table, but also as an attribute of the corresponding | ||||||
| @@ -58,7 +56,7 @@ | |||||||
| </ul> | </ul> | ||||||
| <h3>Reordering rows</h3> | <h3>Reordering rows</h3> | ||||||
| <p>Notes can be dragged around to change their order. This will also change | <p>Notes can be dragged around to change their order. This will also change | ||||||
|   the order of the note in the <a class="reference-link" href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/Vc8PjrjAGuOp/_help_oPVyFC7WL2Lp">Note Tree</a>.</p> |   the order of the note in the <a class="reference-link" href="#root/_help_oPVyFC7WL2Lp">Note Tree</a>.</p> | ||||||
| <p>Currently, it's possible to reorder notes even if sorting is used, but | <p>Currently, it's possible to reorder notes even if sorting is used, but | ||||||
|   the result might be inconsistent.</p> |   the result might be inconsistent.</p> | ||||||
| <h2>Limitations</h2> | <h2>Limitations</h2> | ||||||
| @@ -67,7 +65,7 @@ | |||||||
| <ol> | <ol> | ||||||
|   <li>As mentioned previously, the columns of the table are defined as  |   <li>As mentioned previously, the columns of the table are defined as  | ||||||
|     <a |     <a | ||||||
|     class="reference-link" href="#root/pOsGYCXsbNQG/tC7s2alapj8V/zEY4DaJG4YT5/_help_OFXdgB2nNk1F">Promoted Attributes</a>. |     class="reference-link" href="#root/_help_OFXdgB2nNk1F">Promoted Attributes</a>. | ||||||
|       <ol> |       <ol> | ||||||
|         <li>But only the promoted attributes that are defined at the level of the |         <li>But only the promoted attributes that are defined at the level of the | ||||||
|           Book note are actually taken into consideration.</li> |           Book note are actually taken into consideration.</li> | ||||||
| @@ -77,22 +75,23 @@ | |||||||
|   <li>Hierarchy is not yet supported, so the table will only show the items |   <li>Hierarchy is not yet supported, so the table will only show the items | ||||||
|     that are direct children of the <em>Book</em> note.</li> |     that are direct children of the <em>Book</em> note.</li> | ||||||
|   <li>Multiple labels and relations are not supported. If a <a class="reference-link" |   <li>Multiple labels and relations are not supported. If a <a class="reference-link" | ||||||
|     href="#root/pOsGYCXsbNQG/tC7s2alapj8V/zEY4DaJG4YT5/_help_OFXdgB2nNk1F">Promoted Attributes</a> is |     href="#root/_help_OFXdgB2nNk1F">Promoted Attributes</a> is defined | ||||||
|     defined with a <em>Multi value</em> specificity, they will be ignored.</li> |     with a <em>Multi value</em> specificity, they will be ignored.</li> | ||||||
| </ol> | </ol> | ||||||
| <h2>Use in search</h2> | <h2>Use in search</h2> | ||||||
| <p>The table view can be used in a <a class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/_help_m523cpzocqaD">Saved Search</a> by | <p>The table view can be used in a <a class="reference-link" href="#root/_help_m523cpzocqaD">Saved Search</a> by | ||||||
|   adding the <code>#viewType=table</code> attribute.</p> |   adding the <code>#viewType=table</code> attribute.</p> | ||||||
| <p>Unlike when used in a book, saved searches are not limited to the sub-hierarchy | <p>Unlike when used in a book, saved searches are not limited to the sub-hierarchy | ||||||
|   of a note and allows for advanced queries thanks to the power of the  |   of a note and allows for advanced queries thanks to the power of the  | ||||||
|   <a |   <a | ||||||
|   class="reference-link" href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/wArbEsdSae6g/_help_eIg8jdvaoNNd">Search</a>.</p> |   class="reference-link" href="#root/_help_eIg8jdvaoNNd">Search</a>.</p> | ||||||
| <p>However, there are also some limitations:</p> | <p>However, there are also some limitations:</p> | ||||||
| <ul> | <ul> | ||||||
|   <li>It's not possible to reorder notes.</li> |   <li>It's not possible to reorder notes.</li> | ||||||
|   <li>It's not possible to add a new row.</li> |   <li>It's not possible to add a new row.</li> | ||||||
| </ul> | </ul> | ||||||
| <p>Columns are supported, by being defined as <a class="reference-link" | <p>Columns are supported, by being defined as <a class="reference-link" | ||||||
|   href="#root/pOsGYCXsbNQG/tC7s2alapj8V/zEY4DaJG4YT5/_help_OFXdgB2nNk1F">Promoted Attributes</a> to |   href="#root/_help_OFXdgB2nNk1F">Promoted Attributes</a> to the  | ||||||
|   the <a class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/_help_m523cpzocqaD">Saved Search</a> note.</p> |   <a | ||||||
|  |   class="reference-link" href="#root/_help_m523cpzocqaD">Saved Search</a> note.</p> | ||||||
| <p>Editing is also supported.</p> | <p>Editing is also supported.</p> | ||||||
| Before Width: | Height: | Size: 34 KiB After Width: | Height: | Size: 34 KiB | 
| @@ -54,4 +54,7 @@ | |||||||
|     hide the Mermaid source code and display the diagram preview in full-size. |     hide the Mermaid source code and display the diagram preview in full-size. | ||||||
|     In this case, the read-only mode can be easily toggled on or off via a |     In this case, the read-only mode can be easily toggled on or off via a | ||||||
|     dedicated button in the <a class="reference-link" href="#root/_help_XpOYSgsLkTJy">Floating buttons</a> area.</li> |     dedicated button in the <a class="reference-link" href="#root/_help_XpOYSgsLkTJy">Floating buttons</a> area.</li> | ||||||
|  |   <li><a class="reference-link" href="#root/pOsGYCXsbNQG/gh7bpGYxajRS/BFs8mudNFgCS/0ESUbbAxVnoK/_help_81SGnPGMk7Xc">Geo Map View</a> will | ||||||
|  |     disallow all interaction that would otherwise change the map (dragging | ||||||
|  |     notes, adding new items).</li> | ||||||
| </ul> | </ul> | ||||||
							
								
								
									
										
											BIN
										
									
								
								apps/server/src/assets/doc_notes/en/User Guide/User Guide/Note Types/7_Geo Map_image.png
									
									
									
										generated
									
									
										vendored
									
									
								
							
							
						
						| Before Width: | Height: | Size: 122 KiB | 
							
								
								
									
										467
									
								
								docs/User Guide/!!!meta.json
									
									
									
									
										vendored
									
									
								
							
							
						
						| @@ -3177,6 +3177,27 @@ | |||||||
|                                             "value": "bx bx-edit-alt", |                                             "value": "bx bx-edit-alt", | ||||||
|                                             "isInheritable": false, |                                             "isInheritable": false, | ||||||
|                                             "position": 40 |                                             "position": 40 | ||||||
|  |                                         }, | ||||||
|  |                                         { | ||||||
|  |                                             "type": "relation", | ||||||
|  |                                             "name": "internalLink", | ||||||
|  |                                             "value": "_optionsTextNotes", | ||||||
|  |                                             "isInheritable": false, | ||||||
|  |                                             "position": 80 | ||||||
|  |                                         }, | ||||||
|  |                                         { | ||||||
|  |                                             "type": "relation", | ||||||
|  |                                             "name": "internalLink", | ||||||
|  |                                             "value": "_optionsCodeNotes", | ||||||
|  |                                             "isInheritable": false, | ||||||
|  |                                             "position": 90 | ||||||
|  |                                         }, | ||||||
|  |                                         { | ||||||
|  |                                             "type": "relation", | ||||||
|  |                                             "name": "internalLink", | ||||||
|  |                                             "value": "81SGnPGMk7Xc", | ||||||
|  |                                             "isInheritable": false, | ||||||
|  |                                             "position": 100 | ||||||
|                                         } |                                         } | ||||||
|                                     ], |                                     ], | ||||||
|                                     "format": "markdown", |                                     "format": "markdown", | ||||||
| @@ -3431,7 +3452,7 @@ | |||||||
|                                                 "0ESUbbAxVnoK", |                                                 "0ESUbbAxVnoK", | ||||||
|                                                 "2FvYrpmOXm29" |                                                 "2FvYrpmOXm29" | ||||||
|                                             ], |                                             ], | ||||||
|                                             "title": "Table", |                                             "title": "Table View", | ||||||
|                                             "notePosition": 20, |                                             "notePosition": 20, | ||||||
|                                             "prefix": null, |                                             "prefix": null, | ||||||
|                                             "isExpanded": false, |                                             "isExpanded": false, | ||||||
| @@ -3439,30 +3460,30 @@ | |||||||
|                                             "mime": "text/html", |                                             "mime": "text/html", | ||||||
|                                             "attributes": [ |                                             "attributes": [ | ||||||
|                                                 { |                                                 { | ||||||
|                                                     "type": "label", |                                                     "type": "relation", | ||||||
|                                                     "name": "iconClass", |                                                     "name": "internalLink", | ||||||
|                                                     "value": "bx bx-table", |                                                     "value": "OFXdgB2nNk1F", | ||||||
|                                                     "isInheritable": false, |                                                     "isInheritable": false, | ||||||
|                                                     "position": 10 |                                                     "position": 10 | ||||||
|                                                 }, |                                                 }, | ||||||
|                                                 { |                                                 { | ||||||
|                                                     "type": "relation", |                                                     "type": "relation", | ||||||
|                                                     "name": "internalLink", |                                                     "name": "internalLink", | ||||||
|                                                     "value": "OFXdgB2nNk1F", |                                                     "value": "m1lbrzyKDaRB", | ||||||
|                                                     "isInheritable": false, |                                                     "isInheritable": false, | ||||||
|                                                     "position": 20 |                                                     "position": 20 | ||||||
|                                                 }, |                                                 }, | ||||||
|                                                 { |                                                 { | ||||||
|                                                     "type": "relation", |                                                     "type": "relation", | ||||||
|                                                     "name": "internalLink", |                                                     "name": "internalLink", | ||||||
|                                                     "value": "oPVyFC7WL2Lp", |                                                     "value": "eIg8jdvaoNNd", | ||||||
|                                                     "isInheritable": false, |                                                     "isInheritable": false, | ||||||
|                                                     "position": 30 |                                                     "position": 30 | ||||||
|                                                 }, |                                                 }, | ||||||
|                                                 { |                                                 { | ||||||
|                                                     "type": "relation", |                                                     "type": "relation", | ||||||
|                                                     "name": "internalLink", |                                                     "name": "internalLink", | ||||||
|                                                     "value": "m1lbrzyKDaRB", |                                                     "value": "oPVyFC7WL2Lp", | ||||||
|                                                     "isInheritable": false, |                                                     "isInheritable": false, | ||||||
|                                                     "position": 40 |                                                     "position": 40 | ||||||
|                                                 }, |                                                 }, | ||||||
| @@ -3481,15 +3502,15 @@ | |||||||
|                                                     "position": 60 |                                                     "position": 60 | ||||||
|                                                 }, |                                                 }, | ||||||
|                                                 { |                                                 { | ||||||
|                                                     "type": "relation", |                                                     "type": "label", | ||||||
|                                                     "name": "internalLink", |                                                     "name": "iconClass", | ||||||
|                                                     "value": "eIg8jdvaoNNd", |                                                     "value": "bx bx-table", | ||||||
|                                                     "isInheritable": false, |                                                     "isInheritable": false, | ||||||
|                                                     "position": 70 |                                                     "position": 10 | ||||||
|                                                 } |                                                 } | ||||||
|                                             ], |                                             ], | ||||||
|                                             "format": "markdown", |                                             "format": "markdown", | ||||||
|                                             "dataFileName": "Table.md", |                                             "dataFileName": "Table View.md", | ||||||
|                                             "attachments": [ |                                             "attachments": [ | ||||||
|                                                 { |                                                 { | ||||||
|                                                     "attachmentId": "vJYUG9fLQ2Pd", |                                                     "attachmentId": "vJYUG9fLQ2Pd", | ||||||
| @@ -3497,7 +3518,232 @@ | |||||||
|                                                     "role": "image", |                                                     "role": "image", | ||||||
|                                                     "mime": "image/png", |                                                     "mime": "image/png", | ||||||
|                                                     "position": 10, |                                                     "position": 10, | ||||||
|                                                     "dataFileName": "Table_image.png" |                                                     "dataFileName": "Table View_image.png" | ||||||
|  |                                                 } | ||||||
|  |                                             ] | ||||||
|  |                                         }, | ||||||
|  |                                         { | ||||||
|  |                                             "isClone": false, | ||||||
|  |                                             "noteId": "81SGnPGMk7Xc", | ||||||
|  |                                             "notePath": [ | ||||||
|  |                                                 "pOsGYCXsbNQG", | ||||||
|  |                                                 "gh7bpGYxajRS", | ||||||
|  |                                                 "BFs8mudNFgCS", | ||||||
|  |                                                 "0ESUbbAxVnoK", | ||||||
|  |                                                 "81SGnPGMk7Xc" | ||||||
|  |                                             ], | ||||||
|  |                                             "title": "Geo Map View", | ||||||
|  |                                             "notePosition": 40, | ||||||
|  |                                             "prefix": null, | ||||||
|  |                                             "isExpanded": false, | ||||||
|  |                                             "type": "text", | ||||||
|  |                                             "mime": "text/html", | ||||||
|  |                                             "attributes": [ | ||||||
|  |                                                 { | ||||||
|  |                                                     "type": "relation", | ||||||
|  |                                                     "name": "internalLink", | ||||||
|  |                                                     "value": "XpOYSgsLkTJy", | ||||||
|  |                                                     "isInheritable": false, | ||||||
|  |                                                     "position": 10 | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "type": "label", | ||||||
|  |                                                     "name": "iconClass", | ||||||
|  |                                                     "value": "bx bx-map-alt", | ||||||
|  |                                                     "isInheritable": false, | ||||||
|  |                                                     "position": 10 | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "type": "relation", | ||||||
|  |                                                     "name": "internalLink", | ||||||
|  |                                                     "value": "oPVyFC7WL2Lp", | ||||||
|  |                                                     "isInheritable": false, | ||||||
|  |                                                     "position": 20 | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "type": "relation", | ||||||
|  |                                                     "name": "internalLink", | ||||||
|  |                                                     "value": "IakOLONlIfGI", | ||||||
|  |                                                     "isInheritable": false, | ||||||
|  |                                                     "position": 30 | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "type": "relation", | ||||||
|  |                                                     "name": "internalLink", | ||||||
|  |                                                     "value": "KSZ04uQ2D1St", | ||||||
|  |                                                     "isInheritable": false, | ||||||
|  |                                                     "position": 40 | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "type": "relation", | ||||||
|  |                                                     "name": "internalLink", | ||||||
|  |                                                     "value": "0ESUbbAxVnoK", | ||||||
|  |                                                     "isInheritable": false, | ||||||
|  |                                                     "position": 50 | ||||||
|  |                                                 } | ||||||
|  |                                             ], | ||||||
|  |                                             "format": "markdown", | ||||||
|  |                                             "dataFileName": "Geo Map View.md", | ||||||
|  |                                             "attachments": [ | ||||||
|  |                                                 { | ||||||
|  |                                                     "attachmentId": "1f07O0Z25ZRr", | ||||||
|  |                                                     "title": "image.png", | ||||||
|  |                                                     "role": "image", | ||||||
|  |                                                     "mime": "image/png", | ||||||
|  |                                                     "position": 10, | ||||||
|  |                                                     "dataFileName": "Geo Map View_image.png" | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "attachmentId": "3oh61qhNLu7D", | ||||||
|  |                                                     "title": "image.png", | ||||||
|  |                                                     "role": "image", | ||||||
|  |                                                     "mime": "image/png", | ||||||
|  |                                                     "position": 10, | ||||||
|  |                                                     "dataFileName": "1_Geo Map View_image.png" | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "attachmentId": "aCSNn9QlgHFi", | ||||||
|  |                                                     "title": "image.png", | ||||||
|  |                                                     "role": "image", | ||||||
|  |                                                     "mime": "image/png", | ||||||
|  |                                                     "position": 10, | ||||||
|  |                                                     "dataFileName": "2_Geo Map View_image.png" | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "attachmentId": "aCuXZY7WV4li", | ||||||
|  |                                                     "title": "image.png", | ||||||
|  |                                                     "role": "image", | ||||||
|  |                                                     "mime": "image/png", | ||||||
|  |                                                     "position": 10, | ||||||
|  |                                                     "dataFileName": "3_Geo Map View_image.png" | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "attachmentId": "agH6yREFgsoU", | ||||||
|  |                                                     "title": "image.png", | ||||||
|  |                                                     "role": "image", | ||||||
|  |                                                     "mime": "image/png", | ||||||
|  |                                                     "position": 10, | ||||||
|  |                                                     "dataFileName": "4_Geo Map View_image.png" | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "attachmentId": "AHyDUM6R5HeG", | ||||||
|  |                                                     "title": "image.png", | ||||||
|  |                                                     "role": "image", | ||||||
|  |                                                     "mime": "image/png", | ||||||
|  |                                                     "position": 10, | ||||||
|  |                                                     "dataFileName": "5_Geo Map View_image.png" | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "attachmentId": "CcjWLhE3KKfv", | ||||||
|  |                                                     "title": "image.png", | ||||||
|  |                                                     "role": "image", | ||||||
|  |                                                     "mime": "image/png", | ||||||
|  |                                                     "position": 10, | ||||||
|  |                                                     "dataFileName": "6_Geo Map View_image.png" | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "attachmentId": "fQy8R1vxKhwN", | ||||||
|  |                                                     "title": "image.png", | ||||||
|  |                                                     "role": "image", | ||||||
|  |                                                     "mime": "image/png", | ||||||
|  |                                                     "position": 10, | ||||||
|  |                                                     "dataFileName": "7_Geo Map View_image.png" | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "attachmentId": "gJ4Yz80jxcbn", | ||||||
|  |                                                     "title": "image.png", | ||||||
|  |                                                     "role": "image", | ||||||
|  |                                                     "mime": "image/png", | ||||||
|  |                                                     "position": 10, | ||||||
|  |                                                     "dataFileName": "8_Geo Map View_image.png" | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "attachmentId": "I39BinT2gsN9", | ||||||
|  |                                                     "title": "image.png", | ||||||
|  |                                                     "role": "image", | ||||||
|  |                                                     "mime": "image/png", | ||||||
|  |                                                     "position": 10, | ||||||
|  |                                                     "dataFileName": "9_Geo Map View_image.png" | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "attachmentId": "IeXU8SLZU7Oz", | ||||||
|  |                                                     "title": "image.jpg", | ||||||
|  |                                                     "role": "image", | ||||||
|  |                                                     "mime": "image/jpg", | ||||||
|  |                                                     "position": 10, | ||||||
|  |                                                     "dataFileName": "Geo Map View_image.jpg" | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "attachmentId": "Mb9kRm63MxjE", | ||||||
|  |                                                     "title": "image.png", | ||||||
|  |                                                     "role": "image", | ||||||
|  |                                                     "mime": "image/png", | ||||||
|  |                                                     "position": 10, | ||||||
|  |                                                     "dataFileName": "10_Geo Map View_image.png" | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "attachmentId": "Mx2xwNIk76ZS", | ||||||
|  |                                                     "title": "image.png", | ||||||
|  |                                                     "role": "image", | ||||||
|  |                                                     "mime": "image/png", | ||||||
|  |                                                     "position": 10, | ||||||
|  |                                                     "dataFileName": "11_Geo Map View_image.png" | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "attachmentId": "oaahbsMRbqd2", | ||||||
|  |                                                     "title": "image.png", | ||||||
|  |                                                     "role": "image", | ||||||
|  |                                                     "mime": "image/png", | ||||||
|  |                                                     "position": 10, | ||||||
|  |                                                     "dataFileName": "12_Geo Map View_image.png" | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "attachmentId": "pGf1p74KKGU4", | ||||||
|  |                                                     "title": "image.png", | ||||||
|  |                                                     "role": "image", | ||||||
|  |                                                     "mime": "image/jpg", | ||||||
|  |                                                     "position": 10, | ||||||
|  |                                                     "dataFileName": "13_Geo Map View_image.png" | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "attachmentId": "tfa1TRUatWEh", | ||||||
|  |                                                     "title": "image.png", | ||||||
|  |                                                     "role": "image", | ||||||
|  |                                                     "mime": "image/png", | ||||||
|  |                                                     "position": 10, | ||||||
|  |                                                     "dataFileName": "14_Geo Map View_image.png" | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "attachmentId": "tuNZ7Uk9WfX1", | ||||||
|  |                                                     "title": "image.png", | ||||||
|  |                                                     "role": "image", | ||||||
|  |                                                     "mime": "image/png", | ||||||
|  |                                                     "position": 10, | ||||||
|  |                                                     "dataFileName": "15_Geo Map View_image.png" | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "attachmentId": "x6yBLIsY2LSv", | ||||||
|  |                                                     "title": "image.png", | ||||||
|  |                                                     "role": "image", | ||||||
|  |                                                     "mime": "image/png", | ||||||
|  |                                                     "position": 10, | ||||||
|  |                                                     "dataFileName": "16_Geo Map View_image.png" | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "attachmentId": "yJMyBRYA3Kwi", | ||||||
|  |                                                     "title": "image.png", | ||||||
|  |                                                     "role": "image", | ||||||
|  |                                                     "mime": "image/png", | ||||||
|  |                                                     "position": 10, | ||||||
|  |                                                     "dataFileName": "17_Geo Map View_image.png" | ||||||
|  |                                                 }, | ||||||
|  |                                                 { | ||||||
|  |                                                     "attachmentId": "ZvTlu9WMd37z", | ||||||
|  |                                                     "title": "image.png", | ||||||
|  |                                                     "role": "image", | ||||||
|  |                                                     "mime": "image/png", | ||||||
|  |                                                     "position": 10, | ||||||
|  |                                                     "dataFileName": "18_Geo Map View_image.png" | ||||||
|                                                 } |                                                 } | ||||||
|                                             ] |                                             ] | ||||||
|                                         } |                                         } | ||||||
| @@ -7937,201 +8183,6 @@ | |||||||
|                                 } |                                 } | ||||||
|                             ] |                             ] | ||||||
|                         }, |                         }, | ||||||
|                         { |  | ||||||
|                             "isClone": false, |  | ||||||
|                             "noteId": "81SGnPGMk7Xc", |  | ||||||
|                             "notePath": [ |  | ||||||
|                                 "pOsGYCXsbNQG", |  | ||||||
|                                 "KSZ04uQ2D1St", |  | ||||||
|                                 "81SGnPGMk7Xc" |  | ||||||
|                             ], |  | ||||||
|                             "title": "Geo Map", |  | ||||||
|                             "notePosition": 200, |  | ||||||
|                             "prefix": null, |  | ||||||
|                             "isExpanded": false, |  | ||||||
|                             "type": "text", |  | ||||||
|                             "mime": "text/html", |  | ||||||
|                             "attributes": [ |  | ||||||
|                                 { |  | ||||||
|                                     "type": "relation", |  | ||||||
|                                     "name": "internalLink", |  | ||||||
|                                     "value": "XpOYSgsLkTJy", |  | ||||||
|                                     "isInheritable": false, |  | ||||||
|                                     "position": 10 |  | ||||||
|                                 }, |  | ||||||
|                                 { |  | ||||||
|                                     "type": "label", |  | ||||||
|                                     "name": "iconClass", |  | ||||||
|                                     "value": "bx bx-map-alt", |  | ||||||
|                                     "isInheritable": false, |  | ||||||
|                                     "position": 10 |  | ||||||
|                                 } |  | ||||||
|                             ], |  | ||||||
|                             "format": "markdown", |  | ||||||
|                             "dataFileName": "Geo Map.md", |  | ||||||
|                             "attachments": [ |  | ||||||
|                                 { |  | ||||||
|                                     "attachmentId": "1f07O0Z25ZRr", |  | ||||||
|                                     "title": "image.png", |  | ||||||
|                                     "role": "image", |  | ||||||
|                                     "mime": "image/png", |  | ||||||
|                                     "position": 10, |  | ||||||
|                                     "dataFileName": "Geo Map_image.png" |  | ||||||
|                                 }, |  | ||||||
|                                 { |  | ||||||
|                                     "attachmentId": "3oh61qhNLu7D", |  | ||||||
|                                     "title": "image.png", |  | ||||||
|                                     "role": "image", |  | ||||||
|                                     "mime": "image/png", |  | ||||||
|                                     "position": 10, |  | ||||||
|                                     "dataFileName": "1_Geo Map_image.png" |  | ||||||
|                                 }, |  | ||||||
|                                 { |  | ||||||
|                                     "attachmentId": "aCSNn9QlgHFi", |  | ||||||
|                                     "title": "image.png", |  | ||||||
|                                     "role": "image", |  | ||||||
|                                     "mime": "image/png", |  | ||||||
|                                     "position": 10, |  | ||||||
|                                     "dataFileName": "2_Geo Map_image.png" |  | ||||||
|                                 }, |  | ||||||
|                                 { |  | ||||||
|                                     "attachmentId": "aCuXZY7WV4li", |  | ||||||
|                                     "title": "image.png", |  | ||||||
|                                     "role": "image", |  | ||||||
|                                     "mime": "image/png", |  | ||||||
|                                     "position": 10, |  | ||||||
|                                     "dataFileName": "3_Geo Map_image.png" |  | ||||||
|                                 }, |  | ||||||
|                                 { |  | ||||||
|                                     "attachmentId": "agH6yREFgsoU", |  | ||||||
|                                     "title": "image.png", |  | ||||||
|                                     "role": "image", |  | ||||||
|                                     "mime": "image/png", |  | ||||||
|                                     "position": 10, |  | ||||||
|                                     "dataFileName": "4_Geo Map_image.png" |  | ||||||
|                                 }, |  | ||||||
|                                 { |  | ||||||
|                                     "attachmentId": "AHyDUM6R5HeG", |  | ||||||
|                                     "title": "image.png", |  | ||||||
|                                     "role": "image", |  | ||||||
|                                     "mime": "image/png", |  | ||||||
|                                     "position": 10, |  | ||||||
|                                     "dataFileName": "5_Geo Map_image.png" |  | ||||||
|                                 }, |  | ||||||
|                                 { |  | ||||||
|                                     "attachmentId": "CcjWLhE3KKfv", |  | ||||||
|                                     "title": "image.png", |  | ||||||
|                                     "role": "image", |  | ||||||
|                                     "mime": "image/png", |  | ||||||
|                                     "position": 10, |  | ||||||
|                                     "dataFileName": "6_Geo Map_image.png" |  | ||||||
|                                 }, |  | ||||||
|                                 { |  | ||||||
|                                     "attachmentId": "DapDey8gMiFc", |  | ||||||
|                                     "title": "image.png", |  | ||||||
|                                     "role": "image", |  | ||||||
|                                     "mime": "image/png", |  | ||||||
|                                     "position": 10, |  | ||||||
|                                     "dataFileName": "7_Geo Map_image.png" |  | ||||||
|                                 }, |  | ||||||
|                                 { |  | ||||||
|                                     "attachmentId": "fQy8R1vxKhwN", |  | ||||||
|                                     "title": "image.png", |  | ||||||
|                                     "role": "image", |  | ||||||
|                                     "mime": "image/png", |  | ||||||
|                                     "position": 10, |  | ||||||
|                                     "dataFileName": "8_Geo Map_image.png" |  | ||||||
|                                 }, |  | ||||||
|                                 { |  | ||||||
|                                     "attachmentId": "gJ4Yz80jxcbn", |  | ||||||
|                                     "title": "image.png", |  | ||||||
|                                     "role": "image", |  | ||||||
|                                     "mime": "image/png", |  | ||||||
|                                     "position": 10, |  | ||||||
|                                     "dataFileName": "9_Geo Map_image.png" |  | ||||||
|                                 }, |  | ||||||
|                                 { |  | ||||||
|                                     "attachmentId": "I39BinT2gsN9", |  | ||||||
|                                     "title": "image.png", |  | ||||||
|                                     "role": "image", |  | ||||||
|                                     "mime": "image/png", |  | ||||||
|                                     "position": 10, |  | ||||||
|                                     "dataFileName": "10_Geo Map_image.png" |  | ||||||
|                                 }, |  | ||||||
|                                 { |  | ||||||
|                                     "attachmentId": "IeXU8SLZU7Oz", |  | ||||||
|                                     "title": "image.jpg", |  | ||||||
|                                     "role": "image", |  | ||||||
|                                     "mime": "image/jpg", |  | ||||||
|                                     "position": 10, |  | ||||||
|                                     "dataFileName": "Geo Map_image.jpg" |  | ||||||
|                                 }, |  | ||||||
|                                 { |  | ||||||
|                                     "attachmentId": "Mb9kRm63MxjE", |  | ||||||
|                                     "title": "image.png", |  | ||||||
|                                     "role": "image", |  | ||||||
|                                     "mime": "image/png", |  | ||||||
|                                     "position": 10, |  | ||||||
|                                     "dataFileName": "11_Geo Map_image.png" |  | ||||||
|                                 }, |  | ||||||
|                                 { |  | ||||||
|                                     "attachmentId": "Mx2xwNIk76ZS", |  | ||||||
|                                     "title": "image.png", |  | ||||||
|                                     "role": "image", |  | ||||||
|                                     "mime": "image/png", |  | ||||||
|                                     "position": 10, |  | ||||||
|                                     "dataFileName": "12_Geo Map_image.png" |  | ||||||
|                                 }, |  | ||||||
|                                 { |  | ||||||
|                                     "attachmentId": "oaahbsMRbqd2", |  | ||||||
|                                     "title": "image.png", |  | ||||||
|                                     "role": "image", |  | ||||||
|                                     "mime": "image/png", |  | ||||||
|                                     "position": 10, |  | ||||||
|                                     "dataFileName": "13_Geo Map_image.png" |  | ||||||
|                                 }, |  | ||||||
|                                 { |  | ||||||
|                                     "attachmentId": "pGf1p74KKGU4", |  | ||||||
|                                     "title": "image.png", |  | ||||||
|                                     "role": "image", |  | ||||||
|                                     "mime": "image/jpg", |  | ||||||
|                                     "position": 10, |  | ||||||
|                                     "dataFileName": "14_Geo Map_image.png" |  | ||||||
|                                 }, |  | ||||||
|                                 { |  | ||||||
|                                     "attachmentId": "tfa1TRUatWEh", |  | ||||||
|                                     "title": "image.png", |  | ||||||
|                                     "role": "image", |  | ||||||
|                                     "mime": "image/png", |  | ||||||
|                                     "position": 10, |  | ||||||
|                                     "dataFileName": "15_Geo Map_image.png" |  | ||||||
|                                 }, |  | ||||||
|                                 { |  | ||||||
|                                     "attachmentId": "x6yBLIsY2LSv", |  | ||||||
|                                     "title": "image.png", |  | ||||||
|                                     "role": "image", |  | ||||||
|                                     "mime": "image/png", |  | ||||||
|                                     "position": 10, |  | ||||||
|                                     "dataFileName": "16_Geo Map_image.png" |  | ||||||
|                                 }, |  | ||||||
|                                 { |  | ||||||
|                                     "attachmentId": "yJMyBRYA3Kwi", |  | ||||||
|                                     "title": "image.png", |  | ||||||
|                                     "role": "image", |  | ||||||
|                                     "mime": "image/png", |  | ||||||
|                                     "position": 10, |  | ||||||
|                                     "dataFileName": "17_Geo Map_image.png" |  | ||||||
|                                 }, |  | ||||||
|                                 { |  | ||||||
|                                     "attachmentId": "ZvTlu9WMd37z", |  | ||||||
|                                     "title": "image.png", |  | ||||||
|                                     "role": "image", |  | ||||||
|                                     "mime": "image/png", |  | ||||||
|                                     "position": 10, |  | ||||||
|                                     "dataFileName": "18_Geo Map_image.png" |  | ||||||
|                                 } |  | ||||||
|                             ] |  | ||||||
|                         }, |  | ||||||
|                         { |                         { | ||||||
|                             "isClone": false, |                             "isClone": false, | ||||||
|                             "noteId": "W8vYD3Q1zjCR", |                             "noteId": "W8vYD3Q1zjCR", | ||||||
|   | |||||||
| @@ -7,7 +7,7 @@ For example: | |||||||
|  |  | ||||||
| *   <a class="reference-link" href="../Note%20Types/Text.md">Text</a> notes are represented internally as HTML, using the <a class="reference-link" href="Technologies%20used/CKEditor.md">CKEditor</a> representation. Note that due to the custom plugins, some HTML elements are specific to Trilium only, for example the admonitions. | *   <a class="reference-link" href="../Note%20Types/Text.md">Text</a> notes are represented internally as HTML, using the <a class="reference-link" href="Technologies%20used/CKEditor.md">CKEditor</a> representation. Note that due to the custom plugins, some HTML elements are specific to Trilium only, for example the admonitions. | ||||||
| *   <a class="reference-link" href="../Note%20Types/Code.md">Code</a> notes are plain text and are represented internally as-is. | *   <a class="reference-link" href="../Note%20Types/Code.md">Code</a> notes are plain text and are represented internally as-is. | ||||||
| *   <a class="reference-link" href="../Note%20Types/Geo%20Map.md">Geo Map</a> notes contain only minimal information (viewport, zoom) as a JSON. | *   <a class="reference-link" href="../Basic%20Concepts%20and%20Features/Notes/Note%20List/Geo%20Map%20View.md">Geo Map</a> notes contain only minimal information (viewport, zoom) as a JSON. | ||||||
| *   <a class="reference-link" href="../Note%20Types/Canvas.md">Canvas</a> notes are represented as JSON, with Trilium's own information alongside with <a class="reference-link" href="Technologies%20used/Excalidraw.md">Excalidraw</a>'s internal JSON representation format. | *   <a class="reference-link" href="../Note%20Types/Canvas.md">Canvas</a> notes are represented as JSON, with Trilium's own information alongside with <a class="reference-link" href="Technologies%20used/Excalidraw.md">Excalidraw</a>'s internal JSON representation format. | ||||||
| *   <a class="reference-link" href="../Note%20Types/Mind%20Map.md">Mind Map</a> notes are represented as JSON, with the internal format of <a class="reference-link" href="Technologies%20used/MindElixir.md">MindElixir</a>. | *   <a class="reference-link" href="../Note%20Types/Mind%20Map.md">Mind Map</a> notes are represented as JSON, with the internal format of <a class="reference-link" href="Technologies%20used/MindElixir.md">MindElixir</a>. | ||||||
|  |  | ||||||
|   | |||||||
| @@ -16,7 +16,7 @@ Trilium allows you to share selected notes as **publicly accessible** read-only | |||||||
|  |  | ||||||
| ### By note type | ### By note type | ||||||
|  |  | ||||||
| <figure class="table" style="width:100%;"><table class="ck-table-resized"><colgroup><col style="width:19.92%;"><col style="width:41.66%;"><col style="width:38.42%;"></colgroup><thead><tr><th> </th><th>Supported features</th><th>Limitations</th></tr></thead><tbody><tr><th><a class="reference-link" href="../Note%20Types/Text.md">Text</a></th><td><ul><li>Table of contents.</li><li>Syntax highlight of code blocks, provided a language is selected (does not work if “Auto-detected” is enabled).</li><li>Rendering for math equations.</li></ul></td><td><ul><li>Including notes is not supported.</li><li>Inline Mermaid diagrams are not rendered.</li></ul></td></tr><tr><th><a class="reference-link" href="../Note%20Types/Code.md">Code</a></th><td><ul><li>Basic support (displaying the contents of the note in a monospace font).</li></ul></td><td><ul><li>No syntax highlight.</li></ul></td></tr><tr><th><a class="reference-link" href="../Note%20Types/Saved%20Search.md">Saved Search</a></th><td>Not supported.</td></tr><tr><th><a class="reference-link" href="../Note%20Types/Relation%20Map.md">Relation Map</a></th><td>Not supported.</td></tr><tr><th><a class="reference-link" href="../Note%20Types/Note%20Map.md">Note Map</a></th><td>Not supported.</td></tr><tr><th><a class="reference-link" href="../Note%20Types/Render%20Note.md">Render Note</a></th><td>Not supported.</td></tr><tr><th><a class="reference-link" href="../Note%20Types/Book.md">Book</a></th><td><ul><li>The child notes are displayed in a fixed format. </li></ul></td><td><ul><li>More advanced view types such as the calendar view are not supported.</li></ul></td></tr><tr><th><a class="reference-link" href="../Note%20Types/Mermaid%20Diagrams.md">Mermaid Diagrams</a></th><td><ul><li>The diagram is displayed as a vector image.</li></ul></td><td><ul><li>No further interaction supported.</li></ul></td></tr><tr><th><a class="reference-link" href="../Note%20Types/Canvas.md">Canvas</a></th><td><ul><li>The diagram is displayed as a vector image.</li></ul></td><td><ul><li>No further interaction supported.</li></ul></td></tr><tr><th><a class="reference-link" href="../Note%20Types/Web%20View.md">Web View</a></th><td>Not supported.</td></tr><tr><th><a class="reference-link" href="../Note%20Types/Mind%20Map.md">Mind Map</a></th><td>The diagram is displayed as a vector image.</td><td><ul><li>No further interaction supported.</li></ul></td></tr><tr><th><a class="reference-link" href="../Note%20Types/Geo%20Map.md">Geo Map</a></th><td>Not supported.</td></tr><tr><th><a class="reference-link" href="../Note%20Types/File.md">File</a></th><td>Basic interaction (downloading the file).</td><td><ul><li>No further interaction supported.</li></ul></td></tr></tbody></table></figure> | <figure class="table" style="width:100%;"><table class="ck-table-resized"><colgroup><col style="width:19.92%;"><col style="width:41.66%;"><col style="width:38.42%;"></colgroup><thead><tr><th> </th><th>Supported features</th><th>Limitations</th></tr></thead><tbody><tr><th><a class="reference-link" href="../Note%20Types/Text.md">Text</a></th><td><ul><li>Table of contents.</li><li>Syntax highlight of code blocks, provided a language is selected (does not work if “Auto-detected” is enabled).</li><li>Rendering for math equations.</li></ul></td><td><ul><li>Including notes is not supported.</li><li>Inline Mermaid diagrams are not rendered.</li></ul></td></tr><tr><th><a class="reference-link" href="../Note%20Types/Code.md">Code</a></th><td><ul><li>Basic support (displaying the contents of the note in a monospace font).</li></ul></td><td><ul><li>No syntax highlight.</li></ul></td></tr><tr><th><a class="reference-link" href="../Note%20Types/Saved%20Search.md">Saved Search</a></th><td>Not supported.</td></tr><tr><th><a class="reference-link" href="../Note%20Types/Relation%20Map.md">Relation Map</a></th><td>Not supported.</td></tr><tr><th><a class="reference-link" href="../Note%20Types/Note%20Map.md">Note Map</a></th><td>Not supported.</td></tr><tr><th><a class="reference-link" href="../Note%20Types/Render%20Note.md">Render Note</a></th><td>Not supported.</td></tr><tr><th><a class="reference-link" href="../Note%20Types/Book.md">Book</a></th><td><ul><li>The child notes are displayed in a fixed format. </li></ul></td><td><ul><li>More advanced view types such as the calendar view are not supported.</li></ul></td></tr><tr><th><a class="reference-link" href="../Note%20Types/Mermaid%20Diagrams.md">Mermaid Diagrams</a></th><td><ul><li>The diagram is displayed as a vector image.</li></ul></td><td><ul><li>No further interaction supported.</li></ul></td></tr><tr><th><a class="reference-link" href="../Note%20Types/Canvas.md">Canvas</a></th><td><ul><li>The diagram is displayed as a vector image.</li></ul></td><td><ul><li>No further interaction supported.</li></ul></td></tr><tr><th><a class="reference-link" href="../Note%20Types/Web%20View.md">Web View</a></th><td>Not supported.</td></tr><tr><th><a class="reference-link" href="../Note%20Types/Mind%20Map.md">Mind Map</a></th><td>The diagram is displayed as a vector image.</td><td><ul><li>No further interaction supported.</li></ul></td></tr><tr><th><a class="reference-link" href="../Basic%20Concepts%20and%20Features/Notes/Note%20List/Geo%20Map%20View.md">Geo Map</a></th><td>Not supported.</td></tr><tr><th><a class="reference-link" href="../Note%20Types/File.md">File</a></th><td>Basic interaction (downloading the file).</td><td><ul><li>No further interaction supported.</li></ul></td></tr></tbody></table></figure> | ||||||
|  |  | ||||||
| While the sharing feature is powerful, it has some limitations: | While the sharing feature is powerful, it has some limitations: | ||||||
|  |  | ||||||
|   | |||||||
| @@ -1,5 +1,5 @@ | |||||||
| # Leaflet | # Leaflet | ||||||
| Leaflet is the library behind [Geo map](../../Note%20Types/Geo%20Map.md) notes. | Leaflet is the library behind [Geo map](../../Basic%20Concepts%20and%20Features/Notes/Note%20List/Geo%20Map%20View.md) notes. | ||||||
|  |  | ||||||
| ## Plugins | ## Plugins | ||||||
|  |  | ||||||
|   | |||||||
| Before Width: | Height: | Size: 605 B After Width: | Height: | Size: 605 B | 
| Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 22 KiB | 
| Before Width: | Height: | Size: 68 KiB After Width: | Height: | Size: 68 KiB | 
| Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB | 
| Before Width: | Height: | Size: 5.4 KiB After Width: | Height: | Size: 5.4 KiB | 
							
								
								
									
										
											BIN
										
									
								
								docs/User Guide/User Guide/Basic Concepts and Features/Notes/Note List/15_Geo Map View_image.png
									
									
									
									
										vendored
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 44 KiB | 
| Before Width: | Height: | Size: 249 KiB After Width: | Height: | Size: 249 KiB | 
| Before Width: | Height: | Size: 179 B After Width: | Height: | Size: 179 B | 
| Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB | 
| Before Width: | Height: | Size: 141 KiB After Width: | Height: | Size: 141 KiB | 
| Before Width: | Height: | Size: 210 KiB After Width: | Height: | Size: 210 KiB | 
| Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB | 
| Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB | 
| Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 9.6 KiB | 
| Before Width: | Height: | Size: 62 KiB After Width: | Height: | Size: 62 KiB | 
| Before Width: | Height: | Size: 8.5 KiB After Width: | Height: | Size: 8.5 KiB | 
| Before Width: | Height: | Size: 338 KiB After Width: | Height: | Size: 338 KiB | 
| Before Width: | Height: | Size: 108 KiB After Width: | Height: | Size: 108 KiB | 
							
								
								
									
										133
									
								
								docs/User Guide/User Guide/Basic Concepts and Features/Notes/Note List/Geo Map View.md
									
									
									
									
										vendored
									
									
										Normal file
									
								
							
							
						
						| @@ -0,0 +1,133 @@ | |||||||
|  | # Geo Map View | ||||||
|  | > [!IMPORTANT] | ||||||
|  | > Starting with Trilium v0.97.0, the geo map has been converted from a standalone [note type](../../../Note%20Types.md) to a type of view for the <a class="reference-link" href="../Note%20List.md">Note List</a>.  | ||||||
|  |  | ||||||
|  | <figure class="image image-style-align-center"><img style="aspect-ratio:892/675;" src="9_Geo Map View_image.png" width="892" height="675"></figure> | ||||||
|  |  | ||||||
|  | This note type displays the children notes on a geographical map, based on an attribute. It is also possible to add new notes at a specific location using the built-in interface. | ||||||
|  |  | ||||||
|  | ## Creating a new geo map | ||||||
|  |  | ||||||
|  | <figure class="table"><table><thead><tr><th> </th><th> </th><th> </th></tr></thead><tbody><tr><td>1</td><td><figure class="image"><img style="aspect-ratio:483/413;" src="15_Geo Map View_image.png" width="483" height="413"></figure></td><td>Right click on any note on the note tree and select <em>Insert child note</em> → <em>Geo Map (beta)</em>.</td></tr><tr><td>2</td><td><figure class="image image-style-align-center image_resized" style="width:53.44%;"><img style="aspect-ratio:1720/1396;" src="8_Geo Map View_image.png" width="1720" height="1396"></figure></td><td>By default the map will be empty and will show the entire world.</td></tr></tbody></table></figure> | ||||||
|  |  | ||||||
|  | ## Repositioning the map | ||||||
|  |  | ||||||
|  | *   Click and drag the map in order to move across the map. | ||||||
|  | *   Use the mouse wheel, two-finger gesture on a touchpad or the +/- buttons on the top-left to adjust the zoom. | ||||||
|  |  | ||||||
|  | The position on the map and the zoom are saved inside the map note and restored when visiting again the note. | ||||||
|  |  | ||||||
|  | ## Adding a marker using the map | ||||||
|  |  | ||||||
|  | ### Adding a new note using the plus button | ||||||
|  |  | ||||||
|  | <figure class="table"><table><thead><tr><th> </th><th> </th><th> </th></tr></thead><tbody><tr><td>1</td><td>To create a marker, first navigate to the desired point on the map. Then press the <img src="10_Geo Map View_image.png"> button in the <a href="../../UI%20Elements/Floating%20buttons.md">Floating buttons</a> (top-right) area. <br><br>If the button is not visible, make sure the button section is visible by pressing the chevron button (<img src="17_Geo Map View_image.png">) in the top-right of the map.</td><td> </td></tr><tr><td>2</td><td><img class="image_resized" style="aspect-ratio:1730/416;width:100%;" src="2_Geo Map View_image.png" width="1730" height="416"></td><td>Once pressed, the map will enter in the insert mode, as illustrated by the notification.    <br><br>Simply click the point on the map where to place the marker, or the Escape key to cancel.</td></tr><tr><td>3</td><td><img class="image_resized" style="aspect-ratio:1586/404;width:100%;" src="7_Geo Map View_image.png" width="1586" height="404"></td><td>Enter the name of the marker/note to be created.</td></tr><tr><td>4</td><td><img class="image_resized" style="aspect-ratio:1696/608;width:100%;" src="16_Geo Map View_image.png" width="1696" height="608"></td><td>Once confirmed, the marker will show up on the map and it will also be displayed as a child note of the map.</td></tr></tbody></table></figure> | ||||||
|  |  | ||||||
|  | ### Adding a new note using the contextual menu | ||||||
|  |  | ||||||
|  | 1.  Right click anywhere on the map, where to place the newly created marker (and corresponding note). | ||||||
|  | 2.  Select _Add a marker at this location_. | ||||||
|  | 3.  Enter the name of the newly created note. | ||||||
|  | 4.  The map should be updated with the new marker. | ||||||
|  |  | ||||||
|  | ### Adding an existing note on note from the note tree | ||||||
|  |  | ||||||
|  | 1.  Select the desired note in the <a class="reference-link" href="../../UI%20Elements/Note%20Tree.md">Note Tree</a>. | ||||||
|  | 2.  Hold the mouse on the note and drag it to the map to the desired location. | ||||||
|  | 3.  The map should be updated with the new marker. | ||||||
|  |  | ||||||
|  | This works for: | ||||||
|  |  | ||||||
|  | *   Notes that are not part of the geo map, case in which a [clone](../Cloning%20Notes.md) will be created. | ||||||
|  | *   Notes that are a child of the geo map but not yet positioned on the map. | ||||||
|  | *   Notes that are a child of the geo map and also positioned, case in which the marker will be relocated to the new position. | ||||||
|  |  | ||||||
|  | ## How the location of the markers is stored | ||||||
|  |  | ||||||
|  | The location of a marker is stored in the `#geolocation` attribute of the child notes: | ||||||
|  |  | ||||||
|  | <img src="18_Geo Map View_image.png" width="1288" height="278"> | ||||||
|  |  | ||||||
|  | This value can be added manually if needed. The value of the attribute is made up of the latitude and longitude separated by a comma. | ||||||
|  |  | ||||||
|  | ## Repositioning markers | ||||||
|  |  | ||||||
|  | It's possible to reposition existing markers by simply drag and dropping them to the new destination. | ||||||
|  |  | ||||||
|  | As soon as the mouse is released, the new position is saved. | ||||||
|  |  | ||||||
|  | If moved by mistake, there is currently no way to undo the change. If the mouse was not yet released, it's possible to force a refresh of the page (<kbd>Ctrl</kbd>+<kbd>R</kbd> ) to cancel it. | ||||||
|  |  | ||||||
|  | ## Interaction with the markers | ||||||
|  |  | ||||||
|  | *   Hovering over a marker will display the content of the note it belongs to. | ||||||
|  |     *   Clicking on the note title in the tooltip will navigate to the note in the current view. | ||||||
|  | *   Middle-clicking the marker will open the note in a new tab. | ||||||
|  | *   Right-clicking the marker will open a contextual menu allowing: | ||||||
|  |  | ||||||
|  | ## Contextual menu | ||||||
|  |  | ||||||
|  | It's possible to press the right mouse button to display a contextual menu. | ||||||
|  |  | ||||||
|  | 1.  If right-clicking an empty section of the map (not on a marker), it allows to: | ||||||
|  |     1.  Displays the latitude and longitude. Clicking this option will copy them to the clipboard. | ||||||
|  |     2.  Open the location using an external application (if the operating system supports it). | ||||||
|  |     3.  Adding a new marker at that location. | ||||||
|  | 2.  If right-clicking on a marker, it allows to: | ||||||
|  |     1.  Displays the latitude and longitude. Clicking this option will copy them to the clipboard. | ||||||
|  |     2.  Open the location using an external application (if the operating system supports it). | ||||||
|  |     3.  Open the note in a new tab, split or window. | ||||||
|  |     4.  Remove the marker from the map, which will remove the `#geolocation` attribute of the note. To add it back again, the coordinates have to be manually added back in. | ||||||
|  |  | ||||||
|  | ## Icon and color of the markers | ||||||
|  |  | ||||||
|  | <figure class="image image-style-align-center"><img style="aspect-ratio:523/295;" src="Geo Map View_image.jpg" alt="image" width="523" height="295"></figure> | ||||||
|  |  | ||||||
|  | The markers will have the same icon as the note. | ||||||
|  |  | ||||||
|  | It's possible to add a custom color to a marker by assigning them a `#color` attribute such as `#color=green`. | ||||||
|  |  | ||||||
|  | ## Adding the coordinates manually | ||||||
|  |  | ||||||
|  | In a nutshell, create a child note and set the `#geolocation` attribute to the coordinates. | ||||||
|  |  | ||||||
|  | The value of the attribute is made up of the latitude and longitude separated by a comma. | ||||||
|  |  | ||||||
|  | ### Adding from Google Maps | ||||||
|  |  | ||||||
|  | <figure class="table" style="width:100%;"><table class="ck-table-resized"><colgroup><col style="width:2.77%;"><col style="width:33.24%;"><col style="width:63.99%;"></colgroup><thead><tr><th> </th><th> </th><th> </th></tr></thead><tbody><tr><td>1</td><td><figure class="image image-style-align-center image_resized" style="width:56.84%;"><img style="aspect-ratio:732/918;" src="12_Geo Map View_image.png" width="732" height="918"></figure></td><td>Go to Google Maps on the web and look for a desired location, right click on it and a context menu will show up.    <br><br>Simply click on the first item displaying the coordinates and they will be copied to clipboard.    <br><br>Then paste the value inside the text box into the <code>#geolocation</code> attribute of a child note of the map (don't forget to surround the value with a <code>"</code> character).</td></tr><tr><td>2</td><td><figure class="image image-style-align-center image_resized" style="width:100%;"><img style="aspect-ratio:518/84;" src="4_Geo Map View_image.png" width="518" height="84"></figure></td><td>In Trilium, create a child note under the map.</td></tr><tr><td>3</td><td><figure class="image image-style-align-center image_resized" style="width:100%;"><img style="aspect-ratio:1074/276;" src="11_Geo Map View_image.png" width="1074" height="276"></figure></td><td>And then go to Owned Attributes and type <code>#geolocation="</code>, then paste from the clipboard as-is and then add the ending <code>"</code> character. Press Enter to confirm and the map should now be updated to contain the new note.</td></tr></tbody></table></figure> | ||||||
|  |  | ||||||
|  | ### Adding from OpenStreetMap | ||||||
|  |  | ||||||
|  | Similarly to the Google Maps approach: | ||||||
|  |  | ||||||
|  | <figure class="table" style="width:100%;"><table class="ck-table-resized"><colgroup><col style="width:2.77%;"><col style="width:33.42%;"><col style="width:63.81%;"></colgroup><thead><tr><th> </th><th> </th><th> </th></tr></thead><tbody><tr><td>1</td><td><img class="image_resized" style="aspect-ratio:562/454;width:100%;" src="1_Geo Map View_image.png" width="562" height="454"></td><td>Go to any location on openstreetmap.org and right click to bring up the context menu. Select the “Show address” item.</td></tr><tr><td>2</td><td><img class="image_resized" style="aspect-ratio:696/480;width:100%;" src="Geo Map View_image.png" width="696" height="480"></td><td>The address will be visible in the top-left of the screen, in the place of the search bar.    <br><br>Select the coordinates and copy them into the clipboard.</td></tr><tr><td>3</td><td><img class="image_resized" style="aspect-ratio:640/276;width:100%;" src="5_Geo Map View_image.png" width="640" height="276"></td><td>Simply paste the value inside the text box into the <code>#geolocation</code> attribute of a child note of the map and then it should be displayed on the map.</td></tr></tbody></table></figure> | ||||||
|  |  | ||||||
|  | ## Adding GPS tracks (.gpx) | ||||||
|  |  | ||||||
|  | Trilium has basic support for displaying GPS tracks on the geo map. | ||||||
|  |  | ||||||
|  | <figure class="table" style="width:100%;"><table class="ck-table-resized"><colgroup><col style="width:2.77%;"><col style="width:30.22%;"><col style="width:67.01%;"></colgroup><thead><tr><th> </th><th> </th><th> </th></tr></thead><tbody><tr><td>1</td><td><figure class="image image-style-align-center"><img style="aspect-ratio:226/74;" src="3_Geo Map View_image.png" width="226" height="74"></figure></td><td>To add a track, simply drag & drop a .gpx file inside the geo map in the note tree.</td></tr><tr><td>2</td><td><figure class="image image-style-align-center"><img style="aspect-ratio:322/222;" src="14_Geo Map View_image.png" width="322" height="222"></figure></td><td>In order for the file to be recognized as a GPS track, it needs to show up as <code>application/gpx+xml</code> in the <em>File type</em> field.</td></tr><tr><td>3</td><td><figure class="image image-style-align-center"><img style="aspect-ratio:620/530;" src="6_Geo Map View_image.png" width="620" height="530"></figure></td><td>When going back to the map, the track should now be visible.    <br><br>The start and end points of the track are indicated by the two blue markers.</td></tr></tbody></table></figure> | ||||||
|  |  | ||||||
|  | > [!NOTE] | ||||||
|  | > The starting point of the track will be displayed as a marker, with the name of the note underneath. The start marker will also respect the icon and the `color` of the note. The end marker is displayed with a distinct icon. | ||||||
|  | >  | ||||||
|  | > If the GPX contains waypoints, they will also be displayed. If they have a name, it is displayed when hovering over it with the mouse. | ||||||
|  |  | ||||||
|  | ## Read-only mode | ||||||
|  |  | ||||||
|  | When a map is in read-only all editing features will be disabled such as: | ||||||
|  |  | ||||||
|  | *   The add button in the <a class="reference-link" href="../../UI%20Elements/Floating%20buttons.md">Floating buttons</a>. | ||||||
|  | *   Dragging markers. | ||||||
|  | *   Editing from the contextual menu (removing locations or adding new items). | ||||||
|  |  | ||||||
|  | To enable read-only mode simply press the _Lock_ icon from the <a class="reference-link" href="../../UI%20Elements/Floating%20buttons.md">Floating buttons</a>. To disable it, press the button again. | ||||||
|  |  | ||||||
|  | ## Troubleshooting | ||||||
|  |  | ||||||
|  | <figure class="image image-style-align-right image_resized" style="width:34.06%;"><img style="aspect-ratio:678/499;" src="13_Geo Map View_image.png" width="678" height="499"></figure> | ||||||
|  |  | ||||||
|  | ### Grid-like artifacts on the map | ||||||
|  |  | ||||||
|  | This occurs if the application is not at 100% zoom which causes the pixels of the map to not render correctly due to fractional scaling. The only possible solution is to set the UI zoom at 100% (default keyboard shortcut is <kbd>Ctrl</kbd>+<kbd>0</kbd>). | ||||||
| Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB | 
| Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB | 
| @@ -1,5 +1,5 @@ | |||||||
| # Table | # Table View | ||||||
| <figure class="image"><img style="aspect-ratio:1050/259;" src="Table_image.png" width="1050" height="259"></figure> | <figure class="image"><img style="aspect-ratio:1050/259;" src="Table View_image.png" width="1050" height="259"></figure> | ||||||
| 
 | 
 | ||||||
| The table view displays information in a grid, where the rows are individual notes and the columns are <a class="reference-link" href="../../../Advanced%20Usage/Attributes/Promoted%20Attributes.md">Promoted Attributes</a>. In addition, values are editable. | The table view displays information in a grid, where the rows are individual notes and the columns are <a class="reference-link" href="../../../Advanced%20Usage/Attributes/Promoted%20Attributes.md">Promoted Attributes</a>. In addition, values are editable. | ||||||
| 
 | 
 | ||||||
| Before Width: | Height: | Size: 34 KiB After Width: | Height: | Size: 34 KiB | 
| @@ -40,3 +40,4 @@ When pressed, the note will become editable but will become read-only again afte | |||||||
| Some note types have a special behavior based on whether the read-only mode is enabled: | Some note types have a special behavior based on whether the read-only mode is enabled: | ||||||
|  |  | ||||||
| *   <a class="reference-link" href="../../Note%20Types/Mermaid%20Diagrams.md">Mermaid Diagrams</a> will hide the Mermaid source code and display the diagram preview in full-size. In this case, the read-only mode can be easily toggled on or off via a dedicated button in the <a class="reference-link" href="../UI%20Elements/Floating%20buttons.md">Floating buttons</a> area. | *   <a class="reference-link" href="../../Note%20Types/Mermaid%20Diagrams.md">Mermaid Diagrams</a> will hide the Mermaid source code and display the diagram preview in full-size. In this case, the read-only mode can be easily toggled on or off via a dedicated button in the <a class="reference-link" href="../UI%20Elements/Floating%20buttons.md">Floating buttons</a> area. | ||||||
|  | *   <a class="reference-link" href="Note%20List/Geo%20Map%20View.md">Geo Map View</a> will disallow all interaction that would otherwise change the map (dragging notes, adding new items). | ||||||
							
								
								
									
										2
									
								
								docs/User Guide/User Guide/Note Types.md
									
									
									
									
										vendored
									
									
								
							
							
						
						| @@ -25,4 +25,4 @@ It is possible to change the type of a note after it has been created via the _B | |||||||
|  |  | ||||||
| The following note types are supported by Trilium: | The following note types are supported by Trilium: | ||||||
|  |  | ||||||
| <figure class="table" style="width:100%;"><table class="ck-table-resized"><colgroup><col style="width:29.42%;"><col style="width:70.58%;"></colgroup><thead><tr><th>Note Type</th><th>Description</th></tr></thead><tbody><tr><td><a class="reference-link" href="Note%20Types/Text.md">Text</a></td><td>The default note type, which allows for rich text formatting, images, admonitions and right-to-left support.</td></tr><tr><td><a class="reference-link" href="Note%20Types/Code.md">Code</a></td><td>Uses a mono-space font and can be used to store larger chunks of code or plain text than a text note, and has better syntax highlighting.</td></tr><tr><td><a class="reference-link" href="Note%20Types/Saved%20Search.md">Saved Search</a></td><td>Stores the information about a search (the search text, criteria, etc.) for later use. Can be used for quick filtering of a large amount of notes, for example. The search can easily be triggered.</td></tr><tr><td><a class="reference-link" href="Note%20Types/Relation%20Map.md">Relation Map</a></td><td>Allows easy creation of notes and relations between them. Can be used for mainly relational data such as a family tree.</td></tr><tr><td><a class="reference-link" href="Note%20Types/Note%20Map.md">Note Map</a></td><td>Displays the relationships between the notes, whether via relations or their hierarchical structure.</td></tr><tr><td><a class="reference-link" href="Note%20Types/Render%20Note.md">Render Note</a></td><td>Used in <a class="reference-link" href="Scripting.md">Scripting</a>, it displays the HTML content of another note. This allows displaying any kind of content, provided there is a script behind it to generate it.</td></tr><tr><td><a class="reference-link" href="Note%20Types/Book.md">Book</a></td><td><p>Displays the children of the note either as a grid, a list, or for a more specialized case: a calendar.</p><p>Generally useful for easy reading of short notes.</p></td></tr><tr><td><a class="reference-link" href="Note%20Types/Mermaid%20Diagrams.md">Mermaid Diagrams</a></td><td>Displays diagrams such as bar charts, flow charts, state diagrams, etc. Requires a bit of technical knowledge since the diagrams are written in a specialized format.</td></tr><tr><td><a class="reference-link" href="Note%20Types/Canvas.md">Canvas</a></td><td>Allows easy drawing of sketches, diagrams, handwritten content. Uses the same technology behind <a href="https://excalidraw.com">excalidraw.com</a>.</td></tr><tr><td><a class="reference-link" href="Note%20Types/Web%20View.md">Web View</a></td><td>Displays the content of an external web page, similar to a browser.</td></tr><tr><td><a class="reference-link" href="Note%20Types/Mind%20Map.md">Mind Map</a></td><td>Easy for brainstorming ideas, by placing them in a hierarchical layout.</td></tr><tr><td><a class="reference-link" href="Note%20Types/Geo%20Map.md">Geo Map</a></td><td>Displays the children of the note as a geographical map, one use-case would be to plan vacations. It even has basic support for tracks. Notes can also be created from it.</td></tr><tr><td><a class="reference-link" href="Note%20Types/File.md">File</a></td><td>Represents an uploaded file such as PDFs, images, video or audio files.</td></tr></tbody></table></figure> | <figure class="table" style="width:100%;"><table class="ck-table-resized"><colgroup><col style="width:29.42%;"><col style="width:70.58%;"></colgroup><thead><tr><th>Note Type</th><th>Description</th></tr></thead><tbody><tr><td><a class="reference-link" href="Note%20Types/Text.md">Text</a></td><td>The default note type, which allows for rich text formatting, images, admonitions and right-to-left support.</td></tr><tr><td><a class="reference-link" href="Note%20Types/Code.md">Code</a></td><td>Uses a mono-space font and can be used to store larger chunks of code or plain text than a text note, and has better syntax highlighting.</td></tr><tr><td><a class="reference-link" href="Note%20Types/Saved%20Search.md">Saved Search</a></td><td>Stores the information about a search (the search text, criteria, etc.) for later use. Can be used for quick filtering of a large amount of notes, for example. The search can easily be triggered.</td></tr><tr><td><a class="reference-link" href="Note%20Types/Relation%20Map.md">Relation Map</a></td><td>Allows easy creation of notes and relations between them. Can be used for mainly relational data such as a family tree.</td></tr><tr><td><a class="reference-link" href="Note%20Types/Note%20Map.md">Note Map</a></td><td>Displays the relationships between the notes, whether via relations or their hierarchical structure.</td></tr><tr><td><a class="reference-link" href="Note%20Types/Render%20Note.md">Render Note</a></td><td>Used in <a class="reference-link" href="Scripting.md">Scripting</a>, it displays the HTML content of another note. This allows displaying any kind of content, provided there is a script behind it to generate it.</td></tr><tr><td><a class="reference-link" href="Note%20Types/Book.md">Book</a></td><td><p>Displays the children of the note either as a grid, a list, or for a more specialized case: a calendar.</p><p>Generally useful for easy reading of short notes.</p></td></tr><tr><td><a class="reference-link" href="Note%20Types/Mermaid%20Diagrams.md">Mermaid Diagrams</a></td><td>Displays diagrams such as bar charts, flow charts, state diagrams, etc. Requires a bit of technical knowledge since the diagrams are written in a specialized format.</td></tr><tr><td><a class="reference-link" href="Note%20Types/Canvas.md">Canvas</a></td><td>Allows easy drawing of sketches, diagrams, handwritten content. Uses the same technology behind <a href="https://excalidraw.com">excalidraw.com</a>.</td></tr><tr><td><a class="reference-link" href="Note%20Types/Web%20View.md">Web View</a></td><td>Displays the content of an external web page, similar to a browser.</td></tr><tr><td><a class="reference-link" href="Note%20Types/Mind%20Map.md">Mind Map</a></td><td>Easy for brainstorming ideas, by placing them in a hierarchical layout.</td></tr><tr><td><a class="reference-link" href="Basic%20Concepts%20and%20Features/Notes/Note%20List/Geo%20Map%20View.md">Geo Map</a></td><td>Displays the children of the note as a geographical map, one use-case would be to plan vacations. It even has basic support for tracks. Notes can also be created from it.</td></tr><tr><td><a class="reference-link" href="Note%20Types/File.md">File</a></td><td>Represents an uploaded file such as PDFs, images, video or audio files.</td></tr></tbody></table></figure> | ||||||
| Before Width: | Height: | Size: 122 KiB | 
							
								
								
									
										88
									
								
								docs/User Guide/User Guide/Note Types/Geo Map.md
									
									
									
									
										vendored
									
									
								
							
							
						
						| @@ -1,88 +0,0 @@ | |||||||
| # Geo Map |  | ||||||
| <figure class="image image-style-align-center"><img style="aspect-ratio:892/675;" src="10_Geo Map_image.png" width="892" height="675"></figure> |  | ||||||
|  |  | ||||||
| This note type displays the children notes on a geographical map, based on an attribute. It is also possible to add new notes at a specific location using the built-in interface. |  | ||||||
|  |  | ||||||
| ## Creating a new geo map |  | ||||||
|  |  | ||||||
| <figure class="table"><table><thead><tr><th> </th><th> </th><th> </th></tr></thead><tbody><tr><td>1</td><td><figure class="image image-style-align-center image_resized" style="width:51.25%;"><img style="aspect-ratio:1256/1044;" src="7_Geo Map_image.png" width="1256" height="1044"></figure></td><td>Right click on any note on the note tree and select <em>Insert child note</em> → <em>Geo Map (beta)</em>.</td></tr><tr><td>2</td><td><figure class="image image-style-align-center image_resized" style="width:53.44%;"><img style="aspect-ratio:1720/1396;" src="9_Geo Map_image.png" width="1720" height="1396"></figure></td><td>By default the map will be empty and will show the entire world.</td></tr></tbody></table></figure> |  | ||||||
|  |  | ||||||
| ## Repositioning the map |  | ||||||
|  |  | ||||||
| *   Click and drag the map in order to move across the map. |  | ||||||
| *   Use the mouse wheel, two-finger gesture on a touchpad or the +/- buttons on the top-left to adjust the zoom. |  | ||||||
|  |  | ||||||
| The position on the map and the zoom are saved inside the map note and restored when visiting again the note. |  | ||||||
|  |  | ||||||
| ## Adding a marker using the map |  | ||||||
|  |  | ||||||
| <figure class="table"><table><thead><tr><th> </th><th> </th><th> </th></tr></thead><tbody><tr><td>1</td><td>To create a marker, first navigate to the desired point on the map. Then press the <img src="11_Geo Map_image.png"> button in the <a href="../Basic%20Concepts%20and%20Features/UI%20Elements/Floating%20buttons.md">Floating buttons</a> (top-right) area. <br><br>If the button is not visible, make sure the button section is visible by pressing the chevron button (<img src="17_Geo Map_image.png">) in the top-right of the map.</td><td> </td></tr><tr><td>2</td><td><img class="image_resized" style="aspect-ratio:1730/416;width:100%;" src="2_Geo Map_image.png" width="1730" height="416"></td><td>Once pressed, the map will enter in the insert mode, as illustrated by the notification.    <br><br>Simply click the point on the map where to place the marker, or the Escape key to cancel.</td></tr><tr><td>3</td><td><img class="image_resized" style="aspect-ratio:1586/404;width:100%;" src="8_Geo Map_image.png" width="1586" height="404"></td><td>Enter the name of the marker/note to be created.</td></tr><tr><td>4</td><td><img class="image_resized" style="aspect-ratio:1696/608;width:100%;" src="16_Geo Map_image.png" width="1696" height="608"></td><td>Once confirmed, the marker will show up on the map and it will also be displayed as a child note of the map.</td></tr></tbody></table></figure> |  | ||||||
|  |  | ||||||
| ## How the location of the markers is stored |  | ||||||
|  |  | ||||||
| The location of a marker is stored in the `#geolocation` attribute of the child notes: |  | ||||||
|  |  | ||||||
| <img src="18_Geo Map_image.png" width="1288" height="278"> |  | ||||||
|  |  | ||||||
| This value can be added manually if needed. The value of the attribute is made up of the latitude and longitude separated by a comma. |  | ||||||
|  |  | ||||||
| ## Repositioning markers |  | ||||||
|  |  | ||||||
| It's possible to reposition existing markers by simply drag and dropping them to the new destination. |  | ||||||
|  |  | ||||||
| As soon as the mouse is released, the new position is saved. |  | ||||||
|  |  | ||||||
| If moved by mistake, there is currently no way to undo the change. If the mouse was not yet released, it's possible to force a refresh of the page (<kbd>Ctrl</kbd>+<kbd>R</kbd> ) to cancel it. |  | ||||||
|  |  | ||||||
| ## Interaction with the markers |  | ||||||
|  |  | ||||||
| *   Hovering over a marker will display the content of the note it belongs to. |  | ||||||
|     *   Clicking on the note title in the tooltip will navigate to the note in the current view. |  | ||||||
| *   Middle-clicking the marker will open the note in a new tab. |  | ||||||
| *   Right-clicking the marker will open a contextual menu allowing: |  | ||||||
|     *   Opening the note in a new tab, split or window. |  | ||||||
|     *   Opening the location using an external application (if the operating system supports it). |  | ||||||
|     *   Removing the marker from the map, which will remove the `#geolocation` attribute of the note. To add it back again, the coordinates have to be manually added back in. |  | ||||||
|  |  | ||||||
| ## Icon and color of the markers |  | ||||||
|  |  | ||||||
| <figure class="image image-style-align-center"><img style="aspect-ratio:523/295;" src="Geo Map_image.jpg" alt="image" width="523" height="295"></figure> |  | ||||||
|  |  | ||||||
| The markers will have the same icon as the note. |  | ||||||
|  |  | ||||||
| It's possible to add a custom color to a marker by assigning them a `#color` attribute such as `#color=green`. |  | ||||||
|  |  | ||||||
| ## Adding the coordinates manually |  | ||||||
|  |  | ||||||
| In a nutshell, create a child note and set the `#geolocation` attribute to the coordinates. |  | ||||||
|  |  | ||||||
| The value of the attribute is made up of the latitude and longitude separated by a comma. |  | ||||||
|  |  | ||||||
| ### Adding from Google Maps |  | ||||||
|  |  | ||||||
| <figure class="table" style="width:100%;"><table class="ck-table-resized"><colgroup><col style="width:2.77%;"><col style="width:33.24%;"><col style="width:63.99%;"></colgroup><thead><tr><th> </th><th> </th><th> </th></tr></thead><tbody><tr><td>1</td><td><figure class="image image-style-align-center image_resized" style="width:56.84%;"><img style="aspect-ratio:732/918;" src="13_Geo Map_image.png" width="732" height="918"></figure></td><td>Go to Google Maps on the web and look for a desired location, right click on it and a context menu will show up.    <br><br>Simply click on the first item displaying the coordinates and they will be copied to clipboard.    <br><br>Then paste the value inside the text box into the <code>#geolocation</code> attribute of a child note of the map (don't forget to surround the value with a <code>"</code> character).</td></tr><tr><td>2</td><td><figure class="image image-style-align-center image_resized" style="width:100%;"><img style="aspect-ratio:518/84;" src="4_Geo Map_image.png" width="518" height="84"></figure></td><td>In Trilium, create a child note under the map.</td></tr><tr><td>3</td><td><figure class="image image-style-align-center image_resized" style="width:100%;"><img style="aspect-ratio:1074/276;" src="12_Geo Map_image.png" width="1074" height="276"></figure></td><td>And then go to Owned Attributes and type <code>#geolocation="</code>, then paste from the clipboard as-is and then add the ending <code>"</code> character. Press Enter to confirm and the map should now be updated to contain the new note.</td></tr></tbody></table></figure> |  | ||||||
|  |  | ||||||
| ### Adding from OpenStreetMap |  | ||||||
|  |  | ||||||
| Similarly to the Google Maps approach: |  | ||||||
|  |  | ||||||
| <figure class="table" style="width:100%;"><table class="ck-table-resized"><colgroup><col style="width:2.77%;"><col style="width:33.42%;"><col style="width:63.81%;"></colgroup><thead><tr><th> </th><th> </th><th> </th></tr></thead><tbody><tr><td>1</td><td><img class="image_resized" style="aspect-ratio:562/454;width:100%;" src="1_Geo Map_image.png" width="562" height="454"></td><td>Go to any location on openstreetmap.org and right click to bring up the context menu. Select the “Show address” item.</td></tr><tr><td>2</td><td><img class="image_resized" style="aspect-ratio:696/480;width:100%;" src="Geo Map_image.png" width="696" height="480"></td><td>The address will be visible in the top-left of the screen, in the place of the search bar.    <br><br>Select the coordinates and copy them into the clipboard.</td></tr><tr><td>3</td><td><img class="image_resized" style="aspect-ratio:640/276;width:100%;" src="5_Geo Map_image.png" width="640" height="276"></td><td>Simply paste the value inside the text box into the <code>#geolocation</code> attribute of a child note of the map and then it should be displayed on the map.</td></tr></tbody></table></figure> |  | ||||||
|  |  | ||||||
| ## Adding GPS tracks (.gpx) |  | ||||||
|  |  | ||||||
| Trilium has basic support for displaying GPS tracks on the geo map. |  | ||||||
|  |  | ||||||
| <figure class="table" style="width:100%;"><table class="ck-table-resized"><colgroup><col style="width:2.77%;"><col style="width:30.22%;"><col style="width:67.01%;"></colgroup><thead><tr><th> </th><th> </th><th> </th></tr></thead><tbody><tr><td>1</td><td><figure class="image image-style-align-center"><img style="aspect-ratio:226/74;" src="3_Geo Map_image.png" width="226" height="74"></figure></td><td>To add a track, simply drag & drop a .gpx file inside the geo map in the note tree.</td></tr><tr><td>2</td><td><figure class="image image-style-align-center"><img style="aspect-ratio:322/222;" src="15_Geo Map_image.png" width="322" height="222"></figure></td><td>In order for the file to be recognized as a GPS track, it needs to show up as <code>application/gpx+xml</code> in the <em>File type</em> field.</td></tr><tr><td>3</td><td><figure class="image image-style-align-center"><img style="aspect-ratio:620/530;" src="6_Geo Map_image.png" width="620" height="530"></figure></td><td>When going back to the map, the track should now be visible.    <br><br>The start and end points of the track are indicated by the two blue markers.</td></tr></tbody></table></figure> |  | ||||||
|  |  | ||||||
| > [!NOTE] |  | ||||||
| > The starting point of the track will be displayed as a marker, with the name of the note underneath. The start marker will also respect the icon and the `color` of the note. The end marker is displayed with a distinct icon. |  | ||||||
| >  |  | ||||||
| > If the GPX contains waypoints, they will also be displayed. If they have a name, it is displayed when hovering over it with the mouse. |  | ||||||
|  |  | ||||||
| ## Troubleshooting |  | ||||||
|  |  | ||||||
| <figure class="image image-style-align-right image_resized" style="width:34.06%;"><img style="aspect-ratio:678/499;" src="14_Geo Map_image.png" width="678" height="499"></figure> |  | ||||||
|  |  | ||||||
| ### Grid-like artifacts on the map |  | ||||||
|  |  | ||||||
| This occurs if the application is not at 100% zoom which causes the pixels of the map to not render correctly due to fractional scaling. The only possible solution is to set the UI zoom at 100% (default keyboard shortcut is <kbd>Ctrl</kbd>+<kbd>0</kbd>). |  | ||||||