Home Forums ASE Support Mapbox and navigation points

This topic is: resolved
Viewing 10 posts – 1 through 10 (of 10 total)
  • Author

    Posts

  • #554

    Reply

    Poul Madsen

    Participant

    Hello

    A few additional things that I’ve stumbled upon:

    1.) Mapbox issues. I have created an account with Mapbox and copied and pasted the map code into the Mapbox Map ID in theme. When I then create a map component it doesn’t seem to work unless I type in coordinates in the Map Component Locations on the right hand menu. The map then embeds in full screen width which is really nice, but the markers, lines and map extras that have been set up in Mapbox do not turn up. Is that because you need a paid subscription to Mapbox or is it a bug? I know that I can add a marker and include marker text directly in the right hand menu that comes with the ASE component but is there a way to turn the markers into links? Right now if I just choose to add a map component and then type a height, a white box appear on the site, but with no Mapbox map inside.

    2.) The chapter and timeline components force you to write a label/text or add an image/video into the main body of the site. Is it possible to use invisible navigation points so that the user can go to different parts of the site via a top- or bottom menu – without having to post extra text/images/video?

    Thanks!

    #556

    Reply

    Nick Haskins

    Keymaster

    Hey Poul

    1. That’s correct. The map won’t display unless you have markers, else it’s just an empty map. I can look into having it at least display if no markers are found. You should also be able to insert a link into the message there. There’s currently no way to turn the actual marker into a link.

    As far as the map lines are concerned, I’d check out the Mapbox docs. All ASE does is display the tiles from your Mapbox account.

    2. The Timeline component offers you to have a label (shown as the nav) and a title (shown as the heading). To make it invisible you could just use some CSS to hide the heading.

    Does this help?
    Nick

    #560

    Reply

    Poul Madsen

    Participant

    Thanks Nick

    Could you tell me how to add the CSS in order to hide the heading? I have no idea what to write and where to paste it in. I guess
    you have to go to the Editor and then paste some code into a specific file. I don’t know CSS

    Let me know if this is possible 🙂

    #561

    Reply

    Nick Haskins

    Keymaster

    Hey Poul!
    CSS is super easy. I recommend installing a plugin called Simple Custom CSS. This is where you’ll put all your CSS snippets. Next, read a bit on how to use Inspector in Chrome Dev Tools.
    http://www.html5rocks.com/en/tutorials/developertools/part1/#toc-starting-up

    1. Right click on the heading, and choose “Inspect.” You’ll then be able to find teh correct CSS class associated to the headings.
    2. When you find the class, to tell it to hide, say, display:none.

    So your final code, should look something like this (with your correct heading).

    .myclass {
    display:none;
    }

    Let me know how you go about.

    #569

    Reply

    Poul Madsen

    Participant

    What I find somewhat strange though is that if I use Iframe to embed the map from Mapbox, everything looks perfect and my markers/overlays from Mapbox are imported and embedded right, but I just cannot make the Iframe embed function show the map at full width on the page

    On the other hand if I use the built in map component I get a perfect full width map.. but with none of my markers/overlays from Mapbox?

    Not really sure how to solve this issue – the markers/overlays from Mapbox are important because they allow for links and graphic overlays.

    #570

    Reply

    Nick Haskins

    Keymaster

    Are you using the map component? There aren’t any iframes to embed at all. The markers you’ll add inside the post on the right hand side, not within Mapbox. Mapbox is ONLY showing the map tiles.

    Here are some docs on how to use this component:
    http://aesopstoryengine.com/documentation/#scrollNav-11

    If you want to use the markers from mapbox you’ll need to use their embed code.

    #572

    Reply

    Poul Madsen

    Participant

    I have used both. Like I wrote, the ASE map component will not display the markers from within Mapbox and that is why I used the iframe embed option instead because the iframe option will show the markers – but unfortunately not go into full screen width. Why? Because the markers and features on Mapbox are more advanced and more suitable as “interactive” storytelling components than the basic markers you can set up within the ASE map component. So I am just asking if there is a possibility to include the markers from Mapbox if I use the map component, because then I will have a Mapbox map in full screen width with the custom markers.. but I guess not. I did read and follow the documentation.

    Sorry if I wasn’t clear before! Here is a picture that shows the difference between the two:

    http://bombayflightacademy.com/mapbox.jpg

    #573

    Reply

    Nick Haskins

    Keymaster

    Hey Poul,
    You should be entering the latitude and longitude, and should look like this:
    http://screencast.com/t/mPwuoiYZb

    But unfortunately not go into full screen width
    You’ll need to add some CSS to make other elements stretch 100%. The iframe likely has a set width on it.

    Because the markers and features on Mapbox are more advanced
    That’s great to hear! Sounds like you can just use the iframe version of theirs for your application.

    The map component in Aesop will display the markers that you have setup within the post. The map component is not built to show the markers from Mapbox.

    Does this make sense?

    #574

    Reply

    Poul Madsen

    Participant

    Yes it makes sense. I will see if I can find someone who can help me with the CSS then.

    Thanks for swift replies Nick.

    #575

    Reply

    Nick Haskins

    Keymaster

    No problem! Feel free to reach out with any other questions!

Viewing 10 posts – 1 through 10 (of 10 total)
Reply To: Mapbox and navigation points