angularjs hereを使用したイメージマップコードの概念実証があります。
ここにまとめたjqueryの例と同じように動作するものを書いています。
最初の例では、イメージマップがスコープ変数によって取り込まれているため機能しないことに注意してください。そのため、ページの読み込み時にイメージ src は 404 になります。これにより、イメージマップがまったくアクティブ化されなくなります。この問題を解決する方法を理解していただければ幸いです。
ここで説明されているように、$timeout サービスを使用して DOM がレンダリングされるのを待ちました: Slick Carousel with Angular JS
ただし、私の場合(slickとmapsterの両方で)デフォルトが機能しなかったため、実際のタイムアウト値を指定する必要がありました