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 ...).