如何在 Angular Google Maps 指令中使用相对路径？答案

【问题标题】：How to use relative path in Angular Google Maps directives?如何在 Angular Google Maps 指令中使用相对路径？
【发布时间】：2014-07-31 09:49:19
【问题描述】：

我正在尝试在 AngularJS 谷歌地图上设置自定义标记：

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

此代码引发以下错误：

Error: [$parse:syntax] Syntax Error: Token '.' not a primary expression at column 1 of the expression [../img/marker-map.png] starting at [../img/marker-map.png].

在 Angular Google Maps API documentation 上，在 Marker 指令的 icon 参数中，它说：

表达式返回用作标记的图像的绝对路径图标

我想我误解了那句话。不能像上面的代码示例那样为标记图标图像设置相对路径吗？引用标记图像的表达式可能是什么？

【问题讨论】：

标签： angularjs google-maps angularjs-directive google-maps-markers

【解决方案1】：

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

HTML：

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

在我的控制器上：

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

【讨论】：