如何设置angular.js地图的样式？

Question

我已经在angular.js HERE 中构建了这个小型演示应用程序，现在如果你ctrl+u，你会看到地图和标记的代码如下：

<openlayers ol-center="center"  height="400px">
            <ol-marker ol-marker-properties="center"  message="Your current location." ng-model="center" >
            </ol-marker>
</openlayers>

当然，一旦加载页面，HTML的一部分就会被替换掉。现在我希望我的角度图看起来如下：

看到漂亮的，居中的地图，框阴影和边框是rafious，在CSS中创建并不是很困难。

但现在以角度替换HTML，那么我究竟如何设计HTML？ angular.js中样式的惯例是什么？