观察AngularJS上的图像宽度和高度

Question

我正在使用图片作为地图并在其上放置标记（Google地图不是一个选项）。我正在将标记纬度/经度转换为像地图图像的高度/宽度一样的像素。

我的控制器上有这个对象，如果我直接指定高度和宽度，它就像一个魅力：

$scope.dimensions: {
    width: 1280,
    height: 720
}

但如果我尝试动态分配它，它就不起作用了：

$scope.dimensions: {
    width: (document.getElementById('static-map') === null) ? 0 : angular.element(document.getElementById('static-map').clientWidth),
    height: (document.getElementById('static-map') === null) ? 0 : angular.element(document.getElementById('static-map').clientHeight)
}

我知道第一次运行时元素将为null，但我想找到一种方法： A）加载后获取地图图像的大小 B）由于图像与容器的相对宽度（100％），请在容器调整大小时更新我的​​尺寸。