• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Webpage map + selectable information layers (icons with rollover pops)

New Here ,
Dec 16, 2022 Dec 16, 2022

Copy link to clipboard

Copied

Need a vector towards the right starting point - I have no idea!  I am tasked to map and populate a route with various land marks along the way, zoomable and pannable, with icons for landmarks which show a popup when they are rolled over.  Simple but search terms aren't really turning anything up.  Any experience or pointers?

TOPICS
How to

Views

109

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 16, 2022 Dec 16, 2022

Copy link to clipboard

Copied

Sounds like you need an Interactive or Animated InfoGraphic.   Basically SVG (scalable vector graphic) combined with JavaScript and CSS code.

 

If you need this fast, look at Genially -- online interactive infographic generator.

https://genial.ly/create/infographics/

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 16, 2022 Dec 16, 2022

Copy link to clipboard

Copied

Rollovers don't work without a mouse.  Most people use touch screen devices that have no mouse.  Therefore, whatever you build will need to be triggered by tap/click gestures, not mouse-dependent rollovers.

 

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Dec 18, 2022 Dec 18, 2022

Copy link to clipboard

Copied

Two GREAT points made there.  SVG seems perfectly the way forwards, any idea's how to put small icons ontop of it which are clickable - a point about touch device vs rollover I had not considered and it absolutely spot on!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 18, 2022 Dec 18, 2022

Copy link to clipboard

Copied

LATEST

Icons would be part of the main vector graphic that you create in Illustrator, etc...

 

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines