Docs(tutorials): map panes use more explicit tiles (#6018)

so that it is more obvious what the difference is between the base map, the labels, and when both are stacked.
The chosen tile is similar to the initial view of the result example below (example.html), and contains many labels.
This commit is contained in:
ghybs 2018-01-19 13:40:45 +04:00 committed by Iván Sánchez Ortega
parent bb08848734
commit 80ee940e14

View File

@ -33,18 +33,18 @@ In some particular cases, the default order is not the right one for the map. We
<div class='tiles'> <div class='tiles'>
<div style='display: inline-block'> <div style='display: inline-block'>
<img src="http://a.basemaps.cartocdn.com/light_nolabels/0/0/0.png" class="bordered-img" /><br/> <img src="http://a.basemaps.cartocdn.com/light_nolabels/4/8/5.png" class="bordered-img" /><br/>
Basemap tile with no labels Basemap tile with no labels
</div> </div>
<div style='display: inline-block'> <div style='display: inline-block'>
<img src="http://a.basemaps.cartocdn.com/light_only_labels/0/0/0.png" class="bordered-img" /><br/> <img src="http://a.basemaps.cartocdn.com/light_only_labels/4/8/5.png" class="bordered-img" /><br/>
Transparent labels-only tile Transparent labels-only tile
</div> </div>
<div style='display: inline-block; position:relative;'> <div style='display: inline-block; position:relative;'>
<img src="http://a.basemaps.cartocdn.com/light_nolabels/0/0/0.png" class="bordered-img" /> <img src="http://a.basemaps.cartocdn.com/light_nolabels/4/8/5.png" class="bordered-img" />
<img src="http://a.basemaps.cartocdn.com/light_only_labels/0/0/0.png" style='position:absolute; left:0; top:0;'/><br/> <img src="http://a.basemaps.cartocdn.com/light_only_labels/4/8/5.png" style='position:absolute; left:0; top:0;'/><br/>
Labels on top of basemap Labels on top of basemap
</div> </div>
</div> </div>