Live data from Hacker News

TileMill — an application for making beautiful maps

mapbox.com

21–30 of 37 posts

Re: TileMill — an application for making beautiful maps

#21
We've been using TileMill for a good 6 months now; for anybody who has been struggling with the tools that were available so far, it is a breath of fresh air.

I'd recommend anybody to give it a try and then have a look at their plans: http://mapbox.com/plans/. It's damn affordable for that kind of service.

We even use Tilemill's underlying node.js framework, Bones, for some of our projects.

Re: TileMill — an application for making beautiful maps

#22

TileMill is great, I used it to style our replacement maps, since google maps decided to start charging. Here is an example: http://tile.ridewithgps.com/leaflet.html TileMill is addictive to play with, though very tedious if you don't have a fast machine with some SSD's, as refreshes take a while to reload various zoom levels to see your work. Not much to be done there except throw hardware it. Edit: I am hosting our…

Question: where did get the map and terrain data from if I may know? I used shapefiles from OpenStreetMap but they aren't as complete as I thought they are.

Re: TileMill — an application for making beautiful maps

#23

One of the neatest hacks in TileMill is the "UTFGrid", used for associating tooltips to regions of the map ... without having to do all kinds of expensive boundary checking on the client-side. http://mapbox.com/mbtiles-spec/utfgrid/ edit: TileMill is also a really cool example of using Backbone.js + Bones to build a Desktop app: https://github.com/mapbox/tilemill/tree/master/models

Why use a grid of characters and not a grid of pixels (with indexed values that can be linked to the properties just like UTFGrid links chars to properties) ?

I use this kind of pixel grid which brings those advantages, especially for very large maps :

- use of the image (with carefully chosen colors) as a direct preview of the map (depending on the resolution)

- efficient (bidirectional) PNG compression

- use of already present image manipulation libraries for all kind of manipulation (like layers addition)

What's the benefit of using UTF characters ?

Re: TileMill — an application for making beautiful maps

#24

TileMill is great, I used it to style our replacement maps, since google maps decided to start charging. Here is an example: http://tile.ridewithgps.com/leaflet.html TileMill is addictive to play with, though very tedious if you don't have a fast machine with some SSD's, as refreshes take a while to reload various zoom levels to see your work. Not much to be done there except throw hardware it. Edit: I am hosting our…

Thanks. It's fast.

Your demo displays one problem : the strange choice of labels. For example, look for France's capital at zoom 8. You'll see a lot of small towns indicated but not Paris. And I can reproduce this for a lot of notable towns (like NY).

Re: TileMill — an application for making beautiful maps

#25

TileMill is great, I used it to style our replacement maps, since google maps decided to start charging. Here is an example: http://tile.ridewithgps.com/leaflet.html TileMill is addictive to play with, though very tedious if you don't have a fast machine with some SSD's, as refreshes take a while to reload various zoom levels to see your work. Not much to be done there except throw hardware it. Edit: I am hosting our…

possibly inappropriate but i'd just like to say that i'm a huge fan of ridewithgps, best by some way for planning/sharing routes (i have never actually used the gps bit)

Re: TileMill — an application for making beautiful maps

#26

TileMill is great, I used it to style our replacement maps, since google maps decided to start charging. Here is an example: http://tile.ridewithgps.com/leaflet.html TileMill is addictive to play with, though very tedious if you don't have a fast machine with some SSD's, as refreshes take a while to reload various zoom levels to see your work. Not much to be done there except throw hardware it. Edit: I am hosting our…

Thanks. It's fast. Your demo displays one problem : the strange choice of labels. For example, look for France's capital at zoom 8. You'll see a lot of small towns indicated but not Paris. And I can reproduce this for a lot of notable towns (like NY).

He must be sorting the labels in reverse order of importance. I notice that if I zoom in near Chicago, Chicago itself is missing, big suburbs are in the smallest font, and small suburbs are in a big font. Looks like the data is right but the sort order is wrong.

Re: TileMill — an application for making beautiful maps

#28

One of the neatest hacks in TileMill is the "UTFGrid", used for associating tooltips to regions of the map ... without having to do all kinds of expensive boundary checking on the client-side. http://mapbox.com/mbtiles-spec/utfgrid/ edit: TileMill is also a really cool example of using Backbone.js + Bones to build a Desktop app: https://github.com/mapbox/tilemill/tree/master/models

Why use a grid of characters and not a grid of pixels (with indexed values that can be linked to the properties just like UTFGrid links chars to properties) ? I use this kind of pixel grid which brings those advantages, especially for very large maps : - use of the image (with carefully chosen colors) as a direct preview of the map (depending on the resolution) - efficient (bidirectional) PNG compression - use of alr…

Basically the answer to all of these questions is that it's easier to decode in the browser. A UTFGrid is just plain JSON, so we can just run it through JSON.parse(). PNG uses zlib compression, so we can get that benefit for free when sending gzip over HTTP. Here's some more design rationale: http://developmentseed.org/blog/2011/09/21/how-interactivity...

Re: TileMill — an application for making beautiful maps

#29
post #28

Earlier quoted context omitted.

Why use a grid of characters and not a grid of pixels (with indexed values that can be linked to the properties just like UTFGrid links chars to properties) ? I use this kind of pixel grid which brings those advantages, especially for very large maps : - use of the image (with carefully chosen colors) as a direct preview of the map (depending on the resolution) - efficient (bidirectional) PNG compression - use of alr…

Basically the answer to all of these questions is that it's easier to decode in the browser. A UTFGrid is just plain JSON, so we can just run it through JSON.parse(). PNG uses zlib compression, so we can get that benefit for free when sending gzip over HTTP. Here's some more design rationale: http://developmentseed.org/blog/2011/09/21/how-interactivity...

OK, I understand.

As a side note, I send my PNG when needed in JSON (larger, with base64 encoding, I didn't try to make a comparison with ASCII art format) and I find that with getImageData getting the indexed colors is fast and easy. I was referring to bidirectional compression because PNG filter (applied before the deflate) uses the fact that pixels are often similar on both axes.

Of course, without a few tests and comparisons, I can't be sure I really gain in size, but I like to use the fact that my map is an image (faster to draw on the screen at some resolutions and image manipulation server side - my zero indexes are simply mapped to the transparent "color" as is common in most color palettes).

I have different constraints trough, as my map contains 3200x1600 pixels and not 64x64, so that I really need those compressions for instant display.

Re: TileMill — an application for making beautiful maps

#30

TileMill is great, I used it to style our replacement maps, since google maps decided to start charging. Here is an example: http://tile.ridewithgps.com/leaflet.html TileMill is addictive to play with, though very tedious if you don't have a fast machine with some SSD's, as refreshes take a while to reload various zoom levels to see your work. Not much to be done there except throw hardware it. Edit: I am hosting our…

Thanks. It's fast. Your demo displays one problem : the strange choice of labels. For example, look for France's capital at zoom 8. You'll see a lot of small towns indicated but not Paris. And I can reproduce this for a lot of notable towns (like NY).

I am constantly tweaking at label sizes, and which labels to show at various zoom levels, and am not quite satisfied. You've pointed out an issue that is on my todo list. Problem is, it's easy to get sucked into a full day of TileMill styling, and I have to get some other stuff done over the next month ;)
Post reply on HN