angularjs - 如何在 Angular Google map 指令中使用相对路径？

Question

我正在尝试在 AngularJS Google map 上设置自定义标记:

<google-map
    draggable="true"
    style="display:block; width: 100%; height:100%;">
  <markers>
    <marker ng-repeat="marker in markers" coords="marker" icon="../img/marker-map.png">
    </marker>
  </markers>
</google-map>

此代码引发以下错误:

错误:[$parse:syntax] 语法错误:标记“.”不是从 [../img/marker-map.png] 开始的表达式 [../img/marker-map.png] 第 1 列的主要表达式。

关于Angular Google Maps API documentation ，在 Marker 指令的 icon 参数中，它表示:

Expression returning the absolute path to an image used as the marker icon

我想我误解了这个说法。是否可以为标记图标图像设置相对路径，如上面的代码示例所示？引用标记图像的表达式是什么？

Answer 1

我明白了，在标记指令的图标参数上，我应该使用引用标记图像的变量。

HTML:

<marker ng-repeat="marker in markers" coords="marker" icon="markerIcon">
</marker>

在我的 Controller 上:

$scope.markerIcon = "img/marker-map.png";