Logo preload
close Logo

Learn How To Style Your Fulcrum Data And Maps

September 8, 2015

After you have collected excellent data in Fulcrum, how do you go about styling and embedding that data online or on your company’s website?

Recently we hired a talented developer, Katrina, who took as her first project to build a new tool for users to embed, style, and filter Fulcrum data on a map, so she developed the Fulcrum Styler. Fulcrum Styler aims to bridge the gap between data collection and cartography. It hopes to bring about solid data with good looking maps. Read below to learn how to use the Fulcrum Styler on your own maps.

Fulcrum Styler Dashboard

In short, the Fulcrum Styler is a web dashboard interface that give the user the ability to customize the appearance of their data for use on their own website. Users can select from available base map options from a variety of sources, like CARTO, Bing, ESRI, Mapbox, National Park Service and Stamen. The Fulcrum Styler even allows you to add your own customized CartoCSS Mapbox basemap, which allows users to match the color of their map to their website.

Fulcrum Styler Dashboard

Along with being able to customize base maps, the user also has the ability to:

  • Style Markers
  • Customize Popups
  • Modify Buttons on the Map
  • Change the Behavior of the Map
  • Min and Max Zoom Levels
  • Share via Twitter, Facebook, Email
  • Create an iframe Embedded Link

Instructions

  1. Go to http://fulcrumapp.github.io/fulcrum-styler/ If you have a plan that has Data Shares (Small Plan and above), turn on Data Shares in your app settings.
  2. Enter Your Fulcrum data share ID at the end of the URL: ‘?id=data-share number’
  3. Start styling your data. When you are done, use the Share this Map button at the bottom and cut and paste your iframe into your website code.

Requesting Feedback

We are publicly releasing it now as an alpha release in order to get some testers that would be willing to give us feedback. We are aware it still needs more work and has an occasional bug or two, but with more feedback we can prioritize bugs and features appropriately. When you have feedback, please log an issue in the Github Issue Tracker. Before creating an issue, see if others have already logged your issue and contribute to the conversation. This will help us prioritize bugs and feature requests.