Autor Zpráva
robbie
Profil
Ahoj, chci se optat, zkoušel někdo z vás obrazovou mapu v Bootstrapu. Zajímá mě, zda mapa funguje i v responsivním režimu na malém displaji.
Pokud například vytvořím mapu republiky a pomocí obrazové mapy budu moci rozkliknout určitá města, zajímá mě, zda se na malém displaji v responsivním režimu nezmění souřadnice, které fungovali např. na desktopu, apod. Děkuji
Str4wberry
Profil
Pokud vím, tak obrázková mapa pracuje s rozměry v pixelech, takže při změně velikosti obrázku nebudou klikací plochy sedět.

Vidím následující řešení:

1) Mít klikacích map více ve fixních rozměrech a prohazovat je podle šířky okna.

2) Při menší šířce zmenšit mapu transformací: Zvětšení a zmenšení v CSS

3) Souřadnice přepočítávat JavaScriptem podle aktuální velikosti obrázku. Nezapomenout na přepočet po změně velikosti okna.

4) Vyhnout se klikací mapě a nad obrázek naposicovat normální odkazy (půjde pracovat s procenty, nějak takto: Body s popisky na mapě). Nemusí ale vždy vyhovovat.

5) Použít SVG. Obrázek v SVG je dobře responsivní a je možné, aby jeho jednotlivé části někam klikaly.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: