Menu icon Foundation
Show maps with multiple markers in a reveal modal(foundation)
Hello, I've create a map with multiple markes and now I'd like to show it in a reveal modal (foundation 6), can someone help me?
The code is here: http://jsfiddle.net/x6nqL3po/1320/

Google MapsFoundationrevealmodalmultiple markers

Hello, I've create a map with multiple markes and now I'd like to show it in a reveal modal (foundation 6), can someone help me?
The code is here: http://jsfiddle.net/x6nqL3po/1320/
Rafi Benkual 8 months ago

A modal is a container that you can add your map into. You'll find the documentation for it here: https://foundation.zurb.com/sites/docs/reveal.html

Jay Thatcher 8 months ago

<p><button class="button" data-open="mapModal1">Map</button></p>



<div class="reveal" id="mapModal1" data-reveal>

  <h3>Map</h3>

  <!-- Put your map code here -->

  <button class="close-button" data-close aria-label="Close modal" type="button">

    <span aria-hidden="true">&times;</span>

  </button>

</div>

 

Sorina Vladu 8 months ago

I tried and it does not work :(

The code is here: http://jsfiddle.net/x6nqL3po/1388/

Jay Thatcher 8 months ago

You have to use the Foundation 6 framework. I don't see it loaded in your jsfiddle. Also, your data-reveal-id and the div id you want to reveal need to be named the same.