angular-google-maps指令不显示标记

时间:2014-02-18 15:56:43

标签: javascript angularjs google-maps google-maps-api-3

我很难弄清楚这个API /指令在哪种格式下需要“coords”选项。

有人在这里想出来了吗?问题:

<marker coords='{expression}'
icon='{expression}'
    click='{expression}'
    options='{expression}'
    events='{expression}'>
</marker>

这是marker-API的描述。那么,我应该给出哪种格式的坐标

  

我已经尝试过所有内容(包含两个数字的数组,新的google.maps.LatLng,   只有一个数字

我的地图中没有显示我的标记......谁能提供帮助?

这是我目前的HTML:

<google-map center="map.center" zoom="map.zoom" draggable="true">

<marker coords="[52.52000659999999, 13.404953999999975]"></marker>

</google-map>

更新:这是我的标记:

<marker coords="cities.list[0].LatLng"></marker>

JavaScript控制台显示:

scope.cities.list[0].LatLng
Q {d: 52.52000659999999, e: 13.404953999999975, toString: function, b: function, equals: function…}

2 个答案:

答案 0 :(得分:1)

标记坐标是具有表示该标记位置的纬度和经度属性的对象,例如

 <marker coords='{"latitude":53.4, "longitude":-0.23}'></marker>

请参阅:http://angular-google-maps.org/api

答案 1 :(得分:0)

在Angular-Google-Maps中,

map的{​​{1}}属性,center的{​​{1}}属性,marker的{​​{1}}属性

也是一个包含纬度和范围的对象。经度浮点数