Interactive Travel Map

To add an interactive travel map like this (city text will appear on hover and click will open detail page [or popup detail]), you can do these.

Wm7 02 1

#1. First, you need to install Image Hotspots Plugin

#2. Upload Map Image

Wm7 02 3

#3. Click a position > Enter City text

Repeat until all other city texts are filled in on the map.

Wm7 02 2

#4. Copy this code

Wm7 02 4

#5. Next, paste #4 code to Page Header Injection (page where you put the map)

Wm7 02 5

#6. Find ID of Map Image

Wm7 02 6

#7. Update Map Image ID in code

Wm7 02 7

Buy me a coffee