Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Legend is missing in TileStream v1.1.0 #107

Open
bennyistanto opened this issue Jan 9, 2013 · 0 comments
Open

Legend is missing in TileStream v1.1.0 #107

bennyistanto opened this issue Jan 9, 2013 · 0 comments

Comments

@bennyistanto
Copy link

Hi MapBox team,

I just created map using TileMill v0.10.1 (see attachment), I checked the mbtiles file using SQLite Database Browser, the legend file is available under metadata section. But after uploading the map to the TileStream v1.1.0 (on Ubuntu 12.10) the legend is missing - FSVA map. I used legend style from TileMill guide.

And here's the legend code:

<div class='my-legend'>
<div class='legend-title'>2009 Vulnerability to Food Insecurity map of Indonesia (based on Composit Food Security Index)</div>
<div class='legend-scale'>
  <ul class='legend-labels'>
    <li><span style='background:#6d1e1e;'></span>Priority 1 Districts</li>
    <li><span style='background:#e85a62;'></span>Priority 2 Districts</li>
    <li><span style='background:#f4a1a7;'></span>Priority 3 Districts</li>
    <li><span style='background:#b9dd9c;'></span>Priority 4 Districts</li>
    <li><span style='background:#93ca45;'></span>Priority 5 Districts</li>
    <li><span style='background:#3a6f3b;'></span>Priority 6 Districts</li>
    <li><span style='background:#fff;'></span>No Data / Urban area</li>
  </ul>
</div>
<div class='legend-source'>Source: <a href=""http://www.wfp.org/countries/indonesia">World Food Programme</a> and Food Security Agency of Indonesia</div>
</div>

<style type='text/css'>
  .wax-legend .legend-title {
    text-align: left;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 90%;
    }
  .wax-legend .legend-scale ul {
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    float: left;
    list-style: none;
    }
  .wax-legend .legend-scale ul li {
    font-size: 80%;
    list-style: none;
    margin-left: 0;
    line-height: 18px;
    margin-bottom: 2px;
    }
  .wax-legend ul.legend-labels li span {
    display: block;
    float: left;
    height: 15px;
    width: 35px;
    margin-right: 5px;
    margin-left: 0;
    border: 1px solid #999;
    }
  .wax-legend .legend-source {
    font-size: 70%;
    color: #999;
    clear: both;
    }
  .wax-legend a {
    color: #777;
    }
  .wax-legend {
    max-width: 330px !important;
    }
</style>

Thanks, Benny

Screen Shot 2012-12-31 at 2 32 14 PM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

No branches or pull requests

1 participant