diff --git a/docs/User Guide/User Guide/Note Types/Geo map.md b/docs/User Guide/User Guide/Note Types/Geo map.md index f6b933d98..96b5e7bd4 100644 --- a/docs/User Guide/User Guide/Note Types/Geo map.md +++ b/docs/User Guide/User Guide/Note Types/Geo map.md @@ -17,8 +17,8 @@ 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 ![](15_Geo%20map_image.png)button on the top-right of the map. 

If the button is not visible, make sure the button section is visible by pressing the chevron button ( ![](2_Geo%20map_image.png)) in the top-right of the map. | -| 2 | ![](3_Geo%20map_image.png) | Once pressed, the map will enter in the insert mode, as illustrated by the notification. 

Simply click the point on the map where to place the marker, or the Escape key to cancel. | +| 1 | | To create a marker, first navigate to the desired point on the map. Then press the ![](15_Geo%20map_image.png)button on the top-right of the map.  

If the button is not visible, make sure the button section is visible by pressing the chevron button ( ![](2_Geo%20map_image.png)) in the top-right of the map. | +| 2 | ![](3_Geo%20map_image.png) | Once pressed, the map will enter in the insert mode, as illustrated by the notification.  

Simply click the point on the map where to place the marker, or the Escape key to cancel. | | 3 | ![](9_Geo%20map_image.png) | Enter the name of the marker/note to be created. | | 4 | ![](16_Geo%20map_image.png) | Once confirmed, the marker will show up on the map and it will also be displayed as a child note of the map. | @@ -50,7 +50,7 @@ If moved by mistake, there is currently no way to undo the change. If the mouse ## Icon and color of the markers -!\[image\](8\_Geo map\_image.png) +![image](Geo%20map_image.jpg) The markers will have the same icon as the note. @@ -66,7 +66,7 @@ The value of the attribute is made up of the latitude and longitude separated by | | | | | --- | --- | --- | -| 1 | ![](12_Geo%20map_image.png) | Go to Google Maps on the web and look for a desired location, right click on it and a context menu will show up. 

Simply click on the first item displaying the coordinates and they will be copied to clipboard. 

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 | ![](12_Geo%20map_image.png) | Go to Google Maps on the web and look for a desired location, right click on it and a context menu will show up.  

Simply click on the first item displaying the coordinates and they will be copied to clipboard.  

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 | ![](5_Geo%20map_image.png) | In Trilium, create a child note under the map. | | 3 | ![](11_Geo%20map_image.png) | 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. | @@ -77,7 +77,7 @@ Similarly to the Google Maps approach: | | | | | --- | --- | --- | | 1 | ![](1_Geo%20map_image.png) | Go to any location on openstreetmap.org and right click to bring up the context menu. Select the “Show address” item. | -| 2 | ![](Geo%20map_image.png) | The address will be visible in the top-left of the screen, in the place of the search bar. 

Select the coordinates and copy them into the clipboard. | +| 2 | ![](Geo%20map_image.png) | The address will be visible in the top-left of the screen, in the place of the search bar.  

Select the coordinates and copy them into the clipboard. | | 3 | ![](6_Geo%20map_image.png) | Simply paste the value inside the text box into the `#geolocation` attribute of a child note of the map and then it should be displayed on the map. | ## Adding GPS tracks (.gpx) @@ -88,7 +88,7 @@ Trilium has basic support for displaying GPS tracks on the geo map. | --- | --- | --- | | 1 | ![](4_Geo%20map_image.png) | To add a track, simply drag & drop a .gpx file inside the geo map in the note tree. | | 2 | ![](14_Geo%20map_image.png) | 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 | ![](7_Geo%20map_image.png) | When going back to the map, the track should now be visible. 

The start and end points of the track are indicated by the two blue markers. | +| 3 | ![](7_Geo%20map_image.png) | When going back to the map, the track should now be visible.  

The start and end points of the track are indicated by the two blue markers. | ## Troubleshooting diff --git a/docs/User Guide/User Guide/Note Types/Geo map_image.jpg b/docs/User Guide/User Guide/Note Types/Geo map_image.jpg new file mode 100644 index 000000000..ce9236e3e Binary files /dev/null and b/docs/User Guide/User Guide/Note Types/Geo map_image.jpg differ diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Geo map.html b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Geo map.html index 14ead1c9e..e3cf9db68 100644 --- a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Geo map.html +++ b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Geo map.html @@ -14,33 +14,34 @@

Creating a new geo map

- - - - - - - - - - - - - - - - - - - - -
1 - - Right click on any note on the note tree and select Insert child note → Geo Map (beta).
2 - - By default the map will be empty and will show the entire world.
- -

Repositioning the map

+
+ + + + + + + + + + + + + + + + + + + + +
   
1 + + Right click on any note on the note tree and select Insert child note → Geo Map (beta).
2 + + By default the map will be empty and will show the entire world.
+
+

Repositioning the map

Icon and color of the markers

-

![image](8_Geo map_image.png)

+
+ image +

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.

@@ -145,137 +150,141 @@

The value of the attribute is made up of the latitude and longitude separated by a comma.

Adding from Google Maps

- - - - - - - - - - - - - - - - - - - - - - - - - -
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.  -
-
Simply click on the first item displaying the coordinates and they will - be copied to clipboard.  -
-
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.
- -

Adding from OpenStreetMap

+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
   
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.   +
+
Simply click on the first item displaying the coordinates and they will + be copied to clipboard.   +
+
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.
+
+

Adding from OpenStreetMap

Similarly to the Google Maps approach:

- - - - - - - - - - - - - - - - - - - - - - - - - -
1 - - Go to any location on openstreetmap.org and right click to bring up the - context menu. Select the “Show address” item.
2 - - The address will be visible in the top-left of the screen, in the place - of the search bar.  -
-
Select the coordinates and copy them into the clipboard.
3 - - Simply paste the value inside the text box into the #geolocation attribute - of a child note of the map and then it should be displayed on the map.
- -

Adding GPS tracks (.gpx)

+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
   
1 + + Go to any location on openstreetmap.org and right click to bring up the + context menu. Select the “Show address” item.
2 + + The address will be visible in the top-left of the screen, in the place + of the search bar.   +
+
Select the coordinates and copy them into the clipboard.
3 + + Simply paste the value inside the text box into the #geolocation attribute + of a child note of the map and then it should be displayed on the map.
+
+

Adding GPS tracks (.gpx)

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.
3 - - When going back to the map, the track should now be visible.  -
-
The start and end points of the track are indicated by the two blue markers.
- -

Troubleshooting

-

- -

-

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 Ctrl+0).

+
+ + + + + + + + + + + + + + + + + + + + + + + + + +
   
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.
3 + + When going back to the map, the track should now be visible.   +
+
The start and end points of the track are indicated by the two blue markers.
+
+

Troubleshooting

+

+ +

+

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 Ctrl+0).

diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Geo map_image.jpg b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Geo map_image.jpg new file mode 100644 index 000000000..ce9236e3e Binary files /dev/null and b/src/public/app/doc_notes/en/User Guide/User Guide/Note Types/Geo map_image.jpg differ