# Dinamikus Google Maps útvonaltervezés widget

> Útvonal megjelenítése két pont között: adattípus, utazási mód, térkép neve, helymeghatározás, jelölők és vezérlők.

A **Dinamikus Google Maps útvonaltervezés** widget egy induló és egy cél pont közötti útvonalat mutat interaktív térképen. Használatához [Google Maps API-kulcs](https://hub.hellowp.io/hu/plugins/dynamic-content-for-elementor/terkepek-google-maps-api-kulcs/) kell.

![A Dinamikus Google Maps útvonaltervezés widget beállításai](./kepek/terkepek-utvonaltervezes-beallitasok.webp)

*A Dinamikus Google Maps útvonaltervezés widget beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=55&action=elementor)

## Alapbeállítások

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| Adattípus | **Cím** vagy **Szélesség és hosszúság**: így adod meg a két pontot. | Cím |
| Utazási mód | **Autóval**, **Gyalog**, **Kerékpárral**, **Tömegközlekedéssel** vagy **Motorkerékpárral**. | Autóval |
| Indulás | Címnél a kiindulási hely címe, koordinátánál a koordináták. | Venice, Italy |
| Cél | Címnél a célállomás címe, koordinátánál a koordináták. | Milan, Italy |

A távolság az utazási módtól kismértékben függ.

## Térkép neve

![A Térkép neve szakasz](./kepek/terkepek-utvonaltervezes-nev.webp)

*A Térkép neve szakasz* (https://minta-bolt.hu/wp-admin/post.php?post=55&action=elementor)

A **Térkép neve** mezőbe szóköz nélküli, kisbetűs nevet írj. Ezzel a névvel hivatkozhatsz a térképre a dinamikus címkékből: például a **Map Info** címkével kiírhatod a két pont távolságát kilométerben. A címkék leírása a [Dinamikus címkék fejezetben](https://hub.hellowp.io/hu/plugins/dynamic-content-for-elementor/dinamikus-cimkek-cimkek-es-mezok/) található.

## Vezérlés

- **Helymeghatározás**: a böngésző HTML5 helymeghatározásával megjeleníti a látogató helyét a térképen. Bekapcsolva megjelenik egy további beállítás, amellyel eldöntheted, hogy a látogató helye az induló vagy a cél pont legyen.
- **Zoom**: a térkép nagyítása.

## Térképtípus

- **Térkép**: az alapértelmezett úttérkép.
- **Műhold**: Google Earth műholdképek.
- **Hibrid**: az úttérkép és a műholdkép keveréke.
- **Domborzat**: a terepviszonyokat mutató fizikai térkép.

## Jelölők

![A Jelölők szakasz](./kepek/terkepek-utvonaltervezes-jelolok.webp)

*A Jelölők szakasz* (https://minta-bolt.hu/wp-admin/post.php?post=55&action=elementor)

Az **Egyéni jelölők** kapcsolóval az induló és a cél pontra saját képet és feliratot tehetsz.

## Vezérlők

A térképen megjelenő vezérlők egyenként kapcsolhatók:

| Vezérlő | Mit csinál |
| --- | --- |
| Egérgörgő | Az egérgörgővel nagyíthat és kicsinyíthet a látogató. |
| Térképtípus-vezérlő | A látogató válthat a térképtípusok (Térkép, Műhold, Hibrid, Domborzat) között. |
| Térképmozgató vezérlő | A térképet bármely irányba mozgatja. |
| Forgatásvezérlő | A térképet elforgatja. |
| Méretarányjelző | Méretarány-sávot mutat, amellyel távolság becsülhető. |
| Street View-vezérlő | Utcaszintű nézetet nyit. |
| Nagyításvezérlő | „+” és „-” gombok a nagyításhoz. |
| Teljes képernyős mód vezérlője | A térképet teljes képernyőre nagyítja. |