google-maps - 在 AngularJS 中使用所有谷歌地图 API 功能

标签 google-maps angularjs angularjs-directive angular-ui

我正在开发一个依赖 AngularJS 的项目,我需要找到世界上所有机场并将它们与线路连接起来。

为此,我搜索了一些设置 Angular 指令以将 Google Maps API 嵌入到我的项目中的现有项目:即 Angular-ui-map ( https://github.com/angular-ui/ui-map )、Angular- google-maps ( https://github.com/nlaplante/angular-google-maps ) 和 AngularGM ( https://github.com/dylanfprice/angular-gm )

但问题是这些项目都没有讨论 Google map 折线!

有人已经能够使用整套 Google map 功能了吗?或者我应该创建自己的指令来实现这一目标?

非常感谢。

最佳答案

我使用了另一个名为 angularjs-google-maps 的项目其声称

Expose all original Google Maps V3 api to the user.

事实上,它确实提供了折线指令(文档中的示例,对我有用):

<map zoom="11" center="[40.74, -74.18]">
    <shape id="polyline" name="polyline" geodesic="true"
           stroke-color="#FF0000" stroke-opacity="1.0" stroke-weight="2"
           path="[[40.74,-74.18],[40.64,-74.10],[40.54,-74.05],[40.44,-74]]" ></shape>
</map>

关于google-maps - 在 AngularJS 中使用所有谷歌地图 API 功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18149879/

相关文章:

javascript - jQuery 数据表不工作

javascript - 将函数从父 Controller 传递到带参数的指令

javascript - 从子元素访问范围指令

javascript - angularjs:正在监视的变量不断恢复为旧值

javascript - 确定谷歌地图 V3 中的 Angular 点坐标

google-maps - 谷歌地图 v3 API 错误

ios - 是否可以使用谷歌地图将 webapp 功能嵌入到 map 中?

javascript - 如何循环遍历angularjs中的对象数组

javascript - 使用 Google map 标记更改信息窗口中的数据

angularjs - 在 AngularJS 中使用 'scope' 从另一个 Controller 调用一个 Controller 的方法