Stílusos térképek hozzáadása az oldalhoz egy interaktív élmény

Szerző:

itt:

Adding-Stylish-Maps-to-your-Page-is-an-Interactive-Experience-2Mostantól térképeket is elhelyezhet az oldalelrendezéseiben a Page Builder Sandwich segítségével!

Furcsa dolog a térképekért lelkesedni. Kimásolja a Google Térkép URL-címét, majd beágyazza. Vagy keres egy térképes bővítményt az interneten, és beilleszt egy rövidkódot. Vagy talán a másik oldalkészítőjében már van ilyen lehetőség, és bármikor hozzáadhat egyet. Mi viszont azért vagyunk izgatottak, mert a térképek hozzáadását egy teljesen új szintre emeltük.

Íme egy előnézet:

A térképek hozzáadásának régi, unalmas módja

Így adhat hozzá térképet egy átlagos oldalkészítővel:

  1. Behúz egy új térképelemet,
  2. Megadja a szélességi és hosszúsági koordinátákat a mezőkben,
  3. Megad egyéb értékeket a mezőkben, például a térkép magasságát, szélességét, bepipálja az útvonalstílus jelölőnégyzetét stb.,
  4. Az előnézetre kattintva megnézi, hogyan néz ki, és úgy dönt, hogy módosítania kell valamit, hogy jobban mutasson,
  5. Visszatér az oldalkészítőbe, módosítja az értékeket, majd megismétli a fenti 4. lépést.

Térkép hozzáadása a Page Builder Sandwich módján

A weboldalakon található térképek interaktívak – mozoghat bennük, ráközelíthet és eltávolíthat. Ezért arra gondoltunk, miért ne hagynánk el a felesleges találgatást, és tennénk lehetővé, hogy közvetlenül interakcióba léphessen a térképpel az oldal készítése közben?

Így adhat hozzá térképet a Page Builder Sandwich segítségével:

  1. Hozzáad egy térképelemet,
  2. Beírja a szélességi és hosszúsági fokokat vagy a címet, amelyre a térképet középre szeretné igazítani,
  3. Mozgatja a térképet, ráközelít vagy eltávolít a kívánt megjelenés eléréséhez,
  4. Klassz színeket választ a térképhez, hogy illeszkedjen a stílusához,
  5. Kattintson a Mentés gombra.

A mi módszerünk sokkal szórakoztatóbb és intuitívabb. Alapvetően pontosan úgy kezelheti a térképet, mint egy normál Google Térképet.

Színes térképek vagy egyedi stílus a SnazzyMaps segítségével

Egy nagyszerű funkció, amelyet beépítettünk, a térképek színezésének és árnyalatának lehetősége, és ezt rendkívül egyszerű megtenni. (Ez a funkció csak a prémium verzióban érhető el). Ha színezni szeretné a térképét, csak kattintson a színválasztónkra, válasszon egy színt, és a térképe azonnal megváltozik.

Íme egy, amelyet rózsaszínűre színeztünk:

A Page Builder Sandwich a kifinomultabb színsémákat is támogatja a SnazzyMaps révén. Hatalmas listával rendelkeznek a felhasználók által beküldött színsémákból, és akár sajátot is létrehozhat, ha teljesen kézben szeretné tartani a színeket.

Csak keresse meg a tetsző színsémát, másolja ki a kódot, és illessze be a Page Builder Sandwichbe. A színséma azonnal alkalmazásra kerül a térképén.

Íme egy klassz színséma, a papuportal dark a SnazzyMaps oldaláról:

Helyezzen el térképeket bárhol, ahol csak szeretné

Még rengeteg klassz dolgot megvalósíthat a térképekkel – például teljes szélességű sorokba illesztheti őket a drámaibb hatás kedvéért. Ha szeretné, lapozható galériába (carousel) vagy fülekbe (hamarosan érkező funkció) is elhelyezheti őket.

Ha még nem rendelkezik a Page Builder Sandwichcsel, kipróbálhatja a prémium verziót a fenti „Live Demo” hivatkozásra.