mirror of
https://github.com/gpxstudio/gpx.studio.git
synced 2025-08-31 23:53:25 +00:00
33f3b6cc32
* New translations en.json (Italian) * New translations edit.mdx (Italian) * New translations en.json (Spanish) * New translations en.json (Italian) * New translations files-and-stats.mdx (Italian) * New translations getting-started.mdx (Italian) * New translations integration.mdx (Italian) * New translations map-controls.mdx (Italian) * New translations edit.mdx (Spanish) * New translations file.mdx (Italian) * New translations settings.mdx (Italian) * New translations view.mdx (Italian) * New translations toolbar.mdx (Italian) * New translations minify.mdx (Italian) * New translations poi.mdx (Italian) * New translations routing.mdx (Italian) * New translations scissors.mdx (Italian) * New translations edit.mdx (Italian) * New translations en.json (Romanian) * New translations en.json (Dutch) * New translations edit.mdx (Dutch)
68 lines
3.7 KiB
Plaintext
68 lines
3.7 KiB
Plaintext
---
|
|
title: Controlli Mappa
|
|
---
|
|
|
|
<script>
|
|
import { Plus, Minus, Diff, Compass, Search, LocateFixed, PersonStanding, Layers3 } from 'lucide-svelte';
|
|
import DocsNote from '$lib/components/docs/DocsNote.svelte';
|
|
import DocsLayers from '$lib/components/docs/DocsLayers.svelte';
|
|
</script>
|
|
|
|
# { title }
|
|
|
|
### <Diff size="16" class="inline-block" style="margin-bottom: 2px" /> Map navigation
|
|
|
|
The controls at the top allow you to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation and tilt of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
|
|
|
|
<DocsNote>
|
|
|
|
Per controllare l'orientamento e l'inclinazione della mappa, puoi anche trascinare la mappa tenendo premuto <kbd>Ctrl</kbd>.
|
|
|
|
</DocsNote>
|
|
|
|
### <Search size="16" class="inline-block" style="margin-bottom: 2px" /> Search bar
|
|
|
|
You can use the search bar to look for an address and navigate to it on the map.
|
|
|
|
### <LocateFixed size="16" class="inline-block" style="margin-bottom: 2px" /> Locate button
|
|
|
|
Il pulsante di localizzazione centra la mappa sulla posizione corrente.
|
|
|
|
<DocsNote>
|
|
|
|
This only works if you have allowed your browser and <b>gpx.studio</b> to access your location.
|
|
|
|
</DocsNote>
|
|
|
|
### <PersonStanding size="16" class="inline-block" style="margin-bottom: 2px" /> Street view
|
|
|
|
This button can be used to enable street view mode on the map.
|
|
Depending on the street view source chosen in the [settings](./menu/settings), street view imagery can be accessed differently.
|
|
|
|
- <a href="https://www.mapillary.com/" target="_blank">Mapillary</a>: the street view coverage will appear as green lines on the map. When zoomed in enough, green dots will show the exact locations where street view imagery is available. Il passaggio su un punto verde mostrerà l'immagine di street view in quella posizione.
|
|
- <a href="https://www.google.com/streetview/" target="_blank">Google Street View</a>: click on the map to open a new tab with the street view imagery at that location.
|
|
|
|
### <Layers3 size="16" class="inline-block" style="margin-bottom: 2px" /> Map layers
|
|
|
|
The map layers button allows you to switch between different basemaps, and toggle map overlays and categories of points of interest.
|
|
|
|
- **Basemaps** are background maps that present the main geographic features of the world.
|
|
Only one basemap can be displayed at a time.
|
|
Depending on their purpose, basemaps have different styles and levels of detail.
|
|
- **Overlays** are additional layers that can be displayed on top of the basemap to provide complementary information.
|
|
- **Points of interest** can be added to the map to show different categories of places, such as shops, restaurants, or accommodations.
|
|
|
|
<div class="flex flex-col items-center">
|
|
<DocsLayers />
|
|
<span class="text-sm text-center mt-2">
|
|
Hover over the map to show the <a href="https://hiking.waymarkedtrails.org" target="_blank">Waymarked Trails hiking</a> overlay on top of the <a href="https://www.mapbox.com/maps/outdoors" target="_blank">Mapbox Outdoors</a> basemap.
|
|
</span>
|
|
</div>
|
|
|
|
A large collection of global and local basemaps and overlays is available in **gpx.studio**, as well as a selection of point-of-interest categories.
|
|
They can be enabled in the [map layer settings dialog](./menu/settings).
|
|
|
|
In these settings, you can also manage the opacity of the overlays.
|
|
|
|
For advanced users, it is possible to add custom basemaps and overlays by providing <a href="https://en.wikipedia.org/wiki/Web_Map_Tile_Service" target="_blank">WMTS</a>, <a href="https://en.wikipedia.org/wiki/Web_Map_Service" target="_blank">WMS</a>, or <a href="https://docs.mapbox.com/help/glossary/style/" target="_blank">Mapbox style JSON</a> URLs.
|