The simplest form of angular directive is the single element replace, which follows the emerging web component pattern. Here is an example map component using mapbox.js.
In this way, the following html:
By passing a latitude and longitude to the directive, the map can be centered at a specific locations.
For example, a map of Juneau, Alaska:
Is as easy as: