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

Posted 2023-03-27

【中文标题】如何在 Angular Google Maps 指令中使用相对路径？

【英文标题】：How to use relative path in Angular Google Maps directives?

【发布时间】：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 参数中，它说：

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

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

【参考方案1】：

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

html：

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

在我的控制器上：

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