Google Maps pour AngularJS

L'une des forces d'AngularJS est d'apprendre à HTML de nouveaux tours ("teach HTML new tricks" comme le dit la devise). Ceci à l'aide des directives. En cherchant un peu, on trouve donc Google Maps for Angular, qui permet d'ajouter une carte google maps à l'aide de la directives <google-map></google-map>.

Un bref exemple illustre la chose :

<google-map center='{expression}'  
    zoom='{expression}'
    draggable='{string}'
    dragging='{expression}'
    refresh='{expression}'
    options='{expression}'
    events='{expression}'
    bounds='{expression}'
    pan='{string or boolean}'>    
</google-map>  

Il faut bien entendu avoir, au préalable, inclus le fichier angular-google-maps.js, lequel se trouve sur google maps pour AngularJS, ou en recourant à votre package manager préféré (npm, bower ...).