Question

我试图在AngularJS Google地图上设置自定义标记：

<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参数中，它说：

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

我想我误解了这句话。是否可以设置标记图标图像的相对路径，如上面的代码示例所示？什么可以作为参考标记图像的表达式？

Answer 1

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

HTML：

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

在我的控制器上：

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

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

1 个答案: