feat(tiles): Better lf-tiles documentation

Author: tombatossals

doc/lf-maxbounds.md

@@ -4,7 +4,7 @@
 This sub-directive needs the **leaflet** main directive, so it is normally used as an attribute of the *leaflet* tag, like this:
 
 ```
-<leaflet maxbounds="maxbounds"></leaflet>
+<leaflet lf-maxbounds="maxbounds"></leaflet>
 ```
 
 The functionality will be to limit the panning of the rendered map to the bounds set inside the _maxbounds_ object. It's not a bidirectional relationship, only the changes made to our _maxbounds_ object on the controller scope will affect the map, but no vice versa.

doc/lf-tiles.md

@@ -1,15 +1,16 @@
-'tiles' Attribute Documentation
-===================================
+'lf-tiles' Documentation
+========================
 
 This sub-directive needs the **leaflet** main directive, so it is normally used as an attribute of the *leaflet* tag, like this:
 
 ```
-<leaflet tiles="tiles"></leaflet>
+&lt;leaflet lf-tiles="tiles">&lt;/leaflet>
 ```
 
-It will map an object _tiles_ of our controller scope with the corresponding object on our leaflet directive isolated scope. It's not a bidirectional relationship, only the changes made to our _tiles_ object on the controller scope will affect the map, but no vice versa.
+We will use this object to set the basic tiles of our map. If you need more complex functionality you need to take a look at the _lf-layers_ sub-directive. It's not a bi-directional object. Changes to the scope object will affect the map tiles rendered on screen.
+
+Take a look first at the [leaflet tilelayer API call](http://leafletjs.com/reference.html#tilelayer) if you don't know nothing about it, but let's see its basic properties.
 
-This object is basically composed of two attributes: **url** and **options**. Let's see them in an example definition:
 ```
 $scope.tiles = {
     url: "http://{s}.tile.opencyclemap.org/cycle/{z}/{x}/{y}.png",
@@ -19,10 +20,9 @@ $scope.tiles = {
 }
 ```
 
-The options passed to this object could have a lot of attributes, and are the same passed to the leaflet tile object, documented [here](http://leafletjs.com/reference.html#tilelayer-options).
-
+The options passed to this object can be set with a lot of attributes, and are the same passed to the leaflet tile object, documented [here](http://leafletjs.com/reference.html#tilelayer-options).
 
-And that's all, we can see how the map is affected when we change the _tiles_ scope object values, like these examples:
+And that's all, we can see how the map is affected when we change the _tiles_ scope object values in these examples:
 
-* [tiles-example.html](http://tombatossals.github.io/angular-leaflet-directive/examples/tiles-example.html).
-* [tiles-zoom-changer-example.html](http://tombatossals.github.io/angular-leaflet-directive/examples/tiles-zoom-changer-example.html).
+* [Tiles basic example](http://tombatossals.github.io/angular-leaflet-directive/examples/0107-basic-tiles-example.html).
+* [Change tiles with zoom example](http://tombatossals.github.io/angular-leaflet-directive/examples/0108-basic-tiles-zoom-changer-example.html).