Using OmniGraffle

  1. In Finder, place any OmniGraffle HTML imagemap export folder inside the new IMAGEMAPS folder (inside your img folder).
  2. In Tinderbox, put aliases of every note that your imagemap refers to inside of a Mapmaker container. Type the name of the export folder/file in the $bpMapGraffle key attribute and an (optional) title in the $bpMapTitle key attribute.
  3. To maximize width, add WIDE to your $blogExpOpt.
  4. You’re done! BoxPress will extract the info from the OmniGraffle export and use JavaScript to make your imagemap responsive.

For a full list of steps, see Tutorial: Make a Tinderbox Imagemap.