fix(docs): layout in geomap
Elian Doran
@ -5451,6 +5451,13 @@
|
||||
"value": "bx bx-map-alt",
|
||||
"isInheritable": false,
|
||||
"position": 10
|
||||
},
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "XpOYSgsLkTJy",
|
||||
"isInheritable": false,
|
||||
"position": 20
|
||||
}
|
||||
],
|
||||
"format": "markdown",
|
||||
@ -5561,7 +5568,7 @@
|
||||
"dataFileName": "Geo Map_image.jpg"
|
||||
},
|
||||
{
|
||||
"attachmentId": "Mx2xwNIk76ZS",
|
||||
"attachmentId": "Mb9kRm63MxjE",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
@ -5569,20 +5576,28 @@
|
||||
"dataFileName": "12_Geo Map_image.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "oaahbsMRbqd2",
|
||||
"attachmentId": "Mx2xwNIk76ZS",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "13_Geo Map_image.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "oaahbsMRbqd2",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "14_Geo Map_image.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "pGf1p74KKGU4",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/jpg",
|
||||
"position": 10,
|
||||
"dataFileName": "14_Geo Map_image.png"
|
||||
"dataFileName": "15_Geo Map_image.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "tfa1TRUatWEh",
|
||||
@ -5590,7 +5605,7 @@
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "15_Geo Map_image.png"
|
||||
"dataFileName": "16_Geo Map_image.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "USbvJ38T4AKA",
|
||||
@ -5598,7 +5613,7 @@
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "16_Geo Map_image.png"
|
||||
"dataFileName": "17_Geo Map_image.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "x6yBLIsY2LSv",
|
||||
@ -5606,7 +5621,15 @@
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "17_Geo Map_image.png"
|
||||
"dataFileName": "18_Geo Map_image.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "yJMyBRYA3Kwi",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "19_Geo Map_image.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "ZvTlu9WMd37z",
|
||||
@ -5614,7 +5637,7 @@
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "18_Geo Map_image.png"
|
||||
"dataFileName": "20_Geo Map_image.png"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
|
Before Width: | Height: | Size: 43 KiB After Width: | Height: | Size: 815 B |
|
Before Width: | Height: | Size: 117 KiB After Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 117 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 397 KiB After Width: | Height: | Size: 4.2 KiB |
|
Before Width: | Height: | Size: 42 KiB After Width: | Height: | Size: 397 KiB |
BIN
docs/User Guide/User Guide/Note Types/19_Geo Map_image.png
Normal file
|
After Width: | Height: | Size: 359 B |
BIN
docs/User Guide/User Guide/Note Types/20_Geo Map_image.png
Normal file
|
After Width: | Height: | Size: 42 KiB |
@ -21,16 +21,16 @@ The position on the map and the zoom are saved inside the map note and restored
|
||||
|
||||
| | | |
|
||||
| --- | --- | --- |
|
||||
| 1 | | To create a marker, first navigate to the desired point on the map. Then press the button on the top-right of the map. <br> <br>If the button is not visible, make sure the button section is visible by pressing the chevron button ( ) in the top-right of the map. |
|
||||
| 1 | To create a marker, first navigate to the desired point on the map. Then press the  button in the [Floating buttons](../Basic%20Concepts%20and%20Features/UI%20Elements/Floating%20buttons.md) (top-right) area. <br> <br>If the button is not visible, make sure the button section is visible by pressing the chevron button () in the top-right of the map. | |
|
||||
| 2 |  | 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. |
|
||||
| 3 |  | Enter the name of the marker/note to be created. |
|
||||
| 4 |  | Once confirmed, the marker will show up on the map and it will also be displayed as a child note of the map. |
|
||||
| 4 |  | Once confirmed, the marker will show up on the map and it will also be displayed as a child note of the map. |
|
||||
|
||||
## How the location of the markers is stored
|
||||
|
||||
The location of a marker is stored in the `#geolocation` attribute of the child notes:
|
||||
|
||||
|
||||
|
||||
|
||||
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.
|
||||
|
||||
@ -70,9 +70,9 @@ The value of the attribute is made up of the latitude and longitude separated by
|
||||
|
||||
| | | |
|
||||
| --- | --- | --- |
|
||||
| 1 |  | 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 `#geolocation` attribute of a child note of the map (don't forget to surround the value with a `"` character). |
|
||||
| 1 |  | 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 `#geolocation` attribute of a child note of the map (don't forget to surround the value with a `"` character). |
|
||||
| 2 |  | In Trilium, create a child note under the map. |
|
||||
| 3 |  | And then go to Owned Attributes and type `#geolocation="`, then paste from the clipboard as-is and then add the ending `"` character. Press Enter to confirm and the map should now be updated to contain the new note. |
|
||||
| 3 |  | And then go to Owned Attributes and type `#geolocation="`, then paste from the clipboard as-is and then add the ending `"` character. Press Enter to confirm and the map should now be updated to contain the new note. |
|
||||
|
||||
### Adding from OpenStreetMap
|
||||
|
||||
@ -91,12 +91,12 @@ Trilium has basic support for displaying GPS tracks on the geo map.
|
||||
| | | |
|
||||
| --- | --- | --- |
|
||||
| 1 |  | To add a track, simply drag & drop a .gpx file inside the geo map in the note tree. |
|
||||
| 2 |  | In order for the file to be recognized as a GPS track, it needs to show up as `application/gpx+xml` in the _File type_ field. |
|
||||
| 2 |  | In order for the file to be recognized as a GPS track, it needs to show up as `application/gpx+xml` in the _File type_ field. |
|
||||
| 3 |  | 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. |
|
||||
|
||||
## Troubleshooting
|
||||
|
||||
|
||||
|
||||
|
||||
### Grid-like artifacts on the map
|
||||
|
||||
|
||||
37
src/public/app/doc_notes/en/User Guide/!!!meta.json
generated
@ -5451,6 +5451,13 @@
|
||||
"value": "bx bx-map-alt",
|
||||
"isInheritable": false,
|
||||
"position": 10
|
||||
},
|
||||
{
|
||||
"type": "relation",
|
||||
"name": "internalLink",
|
||||
"value": "XpOYSgsLkTJy",
|
||||
"isInheritable": false,
|
||||
"position": 20
|
||||
}
|
||||
],
|
||||
"format": "html",
|
||||
@ -5561,7 +5568,7 @@
|
||||
"dataFileName": "Geo Map_image.jpg"
|
||||
},
|
||||
{
|
||||
"attachmentId": "Mx2xwNIk76ZS",
|
||||
"attachmentId": "Mb9kRm63MxjE",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
@ -5569,20 +5576,28 @@
|
||||
"dataFileName": "12_Geo Map_image.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "oaahbsMRbqd2",
|
||||
"attachmentId": "Mx2xwNIk76ZS",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "13_Geo Map_image.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "oaahbsMRbqd2",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "14_Geo Map_image.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "pGf1p74KKGU4",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/jpg",
|
||||
"position": 10,
|
||||
"dataFileName": "14_Geo Map_image.png"
|
||||
"dataFileName": "15_Geo Map_image.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "tfa1TRUatWEh",
|
||||
@ -5590,7 +5605,7 @@
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "15_Geo Map_image.png"
|
||||
"dataFileName": "16_Geo Map_image.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "USbvJ38T4AKA",
|
||||
@ -5598,7 +5613,7 @@
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "16_Geo Map_image.png"
|
||||
"dataFileName": "17_Geo Map_image.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "x6yBLIsY2LSv",
|
||||
@ -5606,7 +5621,15 @@
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "17_Geo Map_image.png"
|
||||
"dataFileName": "18_Geo Map_image.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "yJMyBRYA3Kwi",
|
||||
"title": "image.png",
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "19_Geo Map_image.png"
|
||||
},
|
||||
{
|
||||
"attachmentId": "ZvTlu9WMd37z",
|
||||
@ -5614,7 +5637,7 @@
|
||||
"role": "image",
|
||||
"mime": "image/png",
|
||||
"position": 10,
|
||||
"dataFileName": "18_Geo Map_image.png"
|
||||
"dataFileName": "20_Geo Map_image.png"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
|
Before Width: | Height: | Size: 43 KiB After Width: | Height: | Size: 815 B |
|
Before Width: | Height: | Size: 117 KiB After Width: | Height: | Size: 43 KiB |
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 117 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 397 KiB After Width: | Height: | Size: 4.2 KiB |
|
Before Width: | Height: | Size: 42 KiB After Width: | Height: | Size: 397 KiB |
BIN
src/public/app/doc_notes/en/User Guide/User Guide/Note Types/19_Geo Map_image.png
generated
Normal file
|
After Width: | Height: | Size: 359 B |
BIN
src/public/app/doc_notes/en/User Guide/User Guide/Note Types/20_Geo Map_image.png
generated
Normal file
|
After Width: | Height: | Size: 42 KiB |
@ -57,8 +57,13 @@
|
||||
<p>The position on the map and the zoom are saved inside the map note and
|
||||
restored when visiting again the note.</p>
|
||||
<h2>Adding a marker using the map</h2>
|
||||
<figure class="table">
|
||||
<table>
|
||||
<figure class="table" style="width:163.53%;">
|
||||
<table class="ck-table-resized">
|
||||
<colgroup>
|
||||
<col style="width:1.69%;">
|
||||
<col style="width:66.49%;">
|
||||
<col style="width:31.82%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th> </th>
|
||||
@ -69,19 +74,21 @@
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td> </td>
|
||||
<td>To create a marker, first navigate to the desired point on the map. Then
|
||||
<td colspan="2">To create a marker, first navigate to the desired point on the map. Then
|
||||
press the
|
||||
<img src="16_Geo Map_image.png">button on the top-right of the map.
|
||||
<img src="12_Geo Map_image.png" width="18" height="18">button in the <a class="reference-link" href="../Basic%20Concepts%20and%20Features/UI%20Elements/Floating%20buttons.html">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="2_Geo Map_image.png">) in the top-right of the map.</td>
|
||||
<img src="19_Geo Map_image.png" width="11"
|
||||
height="10">) in the top-right of the map.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
<td>
|
||||
<img src="3_Geo Map_image.png">
|
||||
<img class="image_resized" style="aspect-ratio:1730/416;width:100%;" src="3_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.
|
||||
@ -92,14 +99,16 @@
|
||||
<tr>
|
||||
<td>3</td>
|
||||
<td>
|
||||
<img src="9_Geo Map_image.png">
|
||||
<img class="image_resized" style="aspect-ratio:1586/404;width:100%;" src="9_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 src="17_Geo Map_image.png">
|
||||
<img class="image_resized" style="aspect-ratio:1696/608;width:99.95%;"
|
||||
src="18_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>
|
||||
@ -111,7 +120,7 @@
|
||||
<p>The location of a marker is stored in the <code>#geolocation</code> attribute
|
||||
of the child notes:</p>
|
||||
<p>
|
||||
<img src="18_Geo Map_image.png">
|
||||
<img src="20_Geo Map_image.png">
|
||||
</p>
|
||||
<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>
|
||||
@ -169,7 +178,7 @@
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>
|
||||
<img src="13_Geo Map_image.png">
|
||||
<img src="14_Geo Map_image.png">
|
||||
</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.
|
||||
@ -190,7 +199,7 @@
|
||||
<tr>
|
||||
<td>3</td>
|
||||
<td>
|
||||
<img src="12_Geo Map_image.png">
|
||||
<img src="13_Geo Map_image.png">
|
||||
</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.
|
||||
@ -265,7 +274,7 @@
|
||||
<tr>
|
||||
<td>2</td>
|
||||
<td>
|
||||
<img src="15_Geo Map_image.png">
|
||||
<img src="16_Geo Map_image.png">
|
||||
</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>
|
||||
@ -284,7 +293,7 @@
|
||||
</figure>
|
||||
<h2>Troubleshooting</h2>
|
||||
<p>
|
||||
<img src="14_Geo Map_image.png">
|
||||
<img src="15_Geo Map_image.png">
|
||||
</p>
|
||||
<h3>Grid-like artifacts on the map</h3>
|
||||
<p>This occurs if the application is not at 100% zoom which causes the pixels
|
||||
|
||||