Home → TileMill →

Numbers inside Markers

Admin Functions

• Remove

faisal

14 Dec, 2011 06:21 PM

How we can display numbers inside Markers like done on this map?.

<iframe width='500' height='300' frameBorder='0' src='http://a.tiles.mapbox.com/v3/bclc-apec.map-rslgvy56.html#4/17.224758206624642/118.10302734374983'></iframe>.

1. 2 Posted by Matt on 15 Dec, 2011 06:10 PM

   

   Hi faisal,

   To get started, there are three style elements that you must have in your carto in order to get labels to display inside your markers.

   text-name: "[column_name]";
   This defines the column data you want to display. Replace column_name but keep the brackets.

   text-face-name: "Font Name";
   This defines the font for the text. Available fonts can be viewed in the Fonts panel by clicking the "A" button in the upper-right.

   text-allow-overlap: true;
   This will allow the text to be displayed on top of the markers. This is set to false by default, which will cause TileMill to not display any overlapping elements (text/markers/points).

   These three elements alone will get text to display, but there are more that will allow you to customize its appearance (size, color, placement, etc.). Check the text section in the carto reference panel in TileMill (book icon button in upper-right) to see all the possible style elements.

   Matt

   Admin Functions

   • Split
   • Remove

2. 3 Posted by Matt on 15 Dec, 2011 06:14 PM

   

   For a further look at text inside features check out this tutorial: http://blog.apps.chicagotribune.com/2011/03/08/making-maps-3/

   Admin Functions

   • Split
   • Remove

3. Matt closed this discussion on 27 Jan, 2012 04:19 PM.

Comments are currently closed for this discussion. You can start a new one.