Title: Multiple maps in single page
Last modified: August 22, 2016

---

# Multiple maps in single page

 *  [stevemeadpro](https://wordpress.org/support/users/stevemeadpro/)
 * (@stevemeadpro)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/multiple-maps-in-single-page/)
 * Hi there,
 * I’m trying to create a bike routes page on a our activities company website. 
   We ideally want an interactive map of the bike route (I have achieved this using
   the google maps gpx viewer plugin) with buttons on the side of different routes.
   The plan is, when you click on a button it changes the map inside the page, without
   changing the page itself. I’ve read things about ‘iframes’ but am not sure this
   is what I’m after.
 * A good example of what we’re after is this; [http://www.newforestcyclehire.co.uk/cycle-routes/](http://www.newforestcyclehire.co.uk/cycle-routes/)
 * We are not doing a solid copy of this though!! We would just like to be able 
   to implicate the button and map changing method within the same page.
 * Hope this makes sense and any help out there would be greatly appreciated.
 * Many thanks,
 * Steve

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 9 months ago](https://wordpress.org/support/topic/multiple-maps-in-single-page/#post-5176689)
 * Looks like you just want the window to scroll smoothly [http://wordpress.org/plugins/easy-smooth-scroll-links/](http://wordpress.org/plugins/easy-smooth-scroll-links/)
 *  Thread Starter [stevemeadpro](https://wordpress.org/support/users/stevemeadpro/)
 * (@stevemeadpro)
 * [11 years, 9 months ago](https://wordpress.org/support/topic/multiple-maps-in-single-page/#post-5176722)
 * This seemed to work but to hide the other maps I contained them in a div container
   so they’d scroll on the page. Tried anchoring them with the easy smooth scroll
   links but that doesn’t seem to recognise the div container? [http://www.newforestactivities.co.uk/bikeroutesteststeve/](http://www.newforestactivities.co.uk/bikeroutesteststeve/)
 * Any other ideas would be really appreciated!
 * P.s not getting paid for this, just testing things out with our website 🙂
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 9 months ago](https://wordpress.org/support/topic/multiple-maps-in-single-page/#post-5176725)
 * Okay this isn’t as simple as I thought. Looks like that website is using a Cycle
   plugin: [http://www.newforestcyclehire.co.uk/wp-content/themes/cyclex/js/jquery.cycle.all.js](http://www.newforestcyclehire.co.uk/wp-content/themes/cyclex/js/jquery.cycle.all.js)
 * Alongside this code:
 *     ```
       $('#route_items').cycle ({
       			fx: 'scrollVert',
       			speed:300,
       			timeout:0,
       			pager: '#route_title',
       			pagerAnchorBuilder: function(idx, slide) {
       				// return sel string for existing anchor
       				return '#route_title li:eq(' + (idx) + ') a';
       			}
       		});
       ```
   
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 9 months ago](https://wordpress.org/support/topic/multiple-maps-in-single-page/#post-5176726)
 * So maybe try one of these plugins [http://wordpress.org/plugins/search.php?q=jquery+cycle](http://wordpress.org/plugins/search.php?q=jquery+cycle)

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Multiple maps in single page’ is closed to new replies.

 * 4 replies
 * 2 participants
 * Last reply from: [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * Last activity: [11 years, 9 months ago](https://wordpress.org/support/topic/multiple-maps-in-single-page/#post-5176726)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics