javascript - 如何使用 angular-google-maps 指令？

Question

我在 my project 中使用 angular-google-maps| .

我正在尝试使用以下定义的对象添加多个标记:

vehicles = [
{
    stuff: "stuff",
    last_known_location: {
        latitude: number,
        longitude: number
    }
    
},
{
    stuff: "stuff",
    last_known_location: {
        latitude: number,
        longitude: number
    }
    
},//...etc
]

我的指令是这样的:

<markers models='vehicles'
         coords='vehicles.last_known_location' >
</markers>

Vehicles 是如上所述的对象数组。

这行不通。如果我将我的模型更改为仅具有纬度和经度属性并完全丢失 last_known_location 属性并更改我的指令 coords='self' 然后它工作正常。我需要做什么才能让它与我的 json 结构一起使用？

Answer 1

如您所想，它在此处说明:http://angular-ui.github.io/angular-google-maps/#!/api/markers属性 coords 的值必须在引号之间。

此外，在 v1.1 中，对于每个标记您需要定义一个 id(id 属性的名称由 idKey), 默认为 model.id,

所以，在你的情况下，为了让它现在工作，它必须是

<markers models="vehicles" coords="'last_known_location'"></markers>

和车辆数组，例如:

$scope.vehicles = [{
  id: "first",
  stuff: "stuff",
  last_known_location: {
      latitude: 37.3694868,
      longitude: -5.9803275
  }
}];

(注意 id 属性)