问题标签 [angular-google-maps]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
289 浏览

javascript - angular-google-maps windows 选项的使用和自定义

嗨,如果这是重复的问题或明显的问题,请原谅我,因为我是编程新手

我正在尝试使用这个 api实现一个角度谷歌地图。它有一个名为 options 的属性boxClass,boxStyle,content,disableAutoPan,maxWidth,pixelOffset,alignBottom,position,zIndex,closeBoxMargin,closeBoxURL,infoBoxClearance,isHidden,visible,enableEventPropagation作为不同的值(从 JS 文件中可以看到。)

现在我想知道每个人会做什么,因为他们的文档中没有指定。大多数情况下,我想知道如何使信息窗口出现在标记的右侧,如此处所示我为信息框设计了 html,当我给出boxClass选项时,信息框被正确呈现但显示在标记下方。我希望它在标记的一侧。

编辑:让我澄清某些观点。我主要想知道

1.如何删除默认关闭按钮并替换为我的。(调用哪个函数使其工作)

2.如何使用 pixelOffset 或其他属性来帮助我将信息框显示到标记的一侧,如上例所示,而不使用边距或填充。gmaps api v3将 pixelOffset 指定为 size 类型。我尝试了各种方法来抵消信息框,以便它会移动,但似乎我使用错误,因为框不会改变其位置,或者将显示在地图顶部,而不管标记如何。

0 投票
2 回答
2406 浏览

angularjs - Angular-google-maps 搜索框

我有这个结构:

  • 我的文件夹
    • myApp.coffee
    • 索引.html
    • 搜索框.tpl.html

在 myApp 设置中:

我正在使用这个例子,但我得到了TypeError: Cannot read property 'SearchBox' of undefined,可能是什么?

0 投票
2 回答
16012 浏览

angularjs - 使用 angular-google-maps 刷新地图和标记

嗨,我正在为我的项目使用 angular-google-maps。html和js代码如下

html:

脚本:angular.module('myApp')

我不确定如何使用新标记刷新地图,甚至不知道如何触发地图更新。我玩弄了 ui-gmap-google-map 的“控制”和“刷新”参数,但无法让它工作。

0 投票
2 回答
1036 浏览

angularjs - 使用 ui-gmap-polygon 监听 `set_at` 事件

我目前正在使用DrawingManager允许用户在地图上绘制形状。绘制形状后,我在多边形的路径上设置了一个侦听器,以便在更改路径后做出反应:

当用户使用绘图工具添加新形状时,这非常有用。但是,如果我的数据库中已经有多边形,我正在使用ui-gmap-polygonAngularJS 指令(来自angular-google-maps项目)显示,我该如何收听该set_at事件,因为此事件不在多边形上,而是在多边形的路径上(MVCArray )?

我能够set_at在项目的源代码中找到引用的唯一位置angular-google-maps是在array-sync.coffee文件中,但它看起来并没有被公开。

如果我不能set_at直接使用指令收听事件,我希望在指令创建多边形时触发一个事件,这样我就可以获取多边形的路径,然后添加一个监听器,就像上面的代码。

我已经将 aJSFiddle与基本结构以及事件对象放在一起。它当前处理多边形的 mouseover 和 mouseout,但不处理set_at事件。

0 投票
0 回答
396 浏览

javascript - Angular-google-maps 不显示地图

我是 Angular 的新手并且喜欢它。我一直在潜得更深并取得成功,直到这个特定的深度。

我从 ( http://kcy.me/1bbra )分叉了一个在很大程度上满足我需求的可行代码。

一切正常。但是地图不显示。我进入 chrome 的控制台进行调试,一切似乎都很好。地图正在加载并响应按钮但不显示。

经过数小时的调试,我发现当我初始化会话时,地图不显示,当我注释掉会话代码时,一切正常。

在这里查看我的代码

这是我仪表板上的代码

来自认证类的页面保护功能

这是在我的仪表板页面上显示地图的部分

最后,角码

0 投票
0 回答
1858 浏览

angularjs - angular-google-maps 使用 angularjs 1.3 导致“TypeError: undefined is not a function”

我使用angular-google-maps模块实现了一个非常基本的地图。在页面处理完所有脚本后,我总是会在 Chrome 开发者工具控制台中发现“TypeError: undefined is not a function”,尽管一切似乎都按预期工作。

它在promise 函数$scope.control.getGMap().fitBounds($scope.bounds);中被调用时发生。uiGmapIsReady

这是标记

这是错误消息:

任何关于为什么会发生这种情况的见解将不胜感激!我觉得我打破了一些东西,不知道为什么。

0 投票
1 回答
509 浏览

javascript - Angular-google-maps 将信息从信息窗口传递到父范围

这可能吗?翻阅文档后,几乎没有(如果有的话)在标记范围之外调用函数的变通方法。我希望添加一些 ng-click 功能,但鉴于 infowindow 中的 div 是 ng-non-bindable,它会阻止执行任何指令。如果没有解决方法,有谁知道我是否可以在 Angular 应用程序中使用标准的 javascript google maps 包并使用 jquery 支持它?

PS如果有人想出一种方法来风格化信息窗口,请告诉我。这令人沮丧。

我的目标是做类似的事情:

其中 confirmAppointment() 将获取约会信息并将资源请求发布到服务器。

感谢所有帮助。

谢谢。

0 投票
1 回答
837 浏览

javascript - 角度谷歌地图不更新标记

我正在使用库angular-google-maps但是当我从标记数组中推送或删除标记时,它似乎没有更新标记,这在下面的 plnker 中演示。控制台显示已添加一个新标记,而这并未反映在地图上。

http://plnkr.co/edit/Si5tANvbU8Fro14OC4ny?p=preview

0 投票
1 回答
7358 浏览

angularjs - 在 ionic 中使用 angular-google-map 实现谷歌地图方向

我正在为我的应用程序使用 angular-google-map。我设法得到我当前的位置和我想要的位置。我现在的问题是我想显示这两个位置之间的方向。请指导我如何实施该方向。下面是我的代码。

位置地图 ctrl.js

location-map.html

0 投票
3 回答
20572 浏览

angularjs - Angular 谷歌地图自定义标记图标

我无法创建自定义标记。即使我将图像路径传递给 icon 参数,我仍然得到默认的橙色标记。如果您发现任何问题,请告诉我。

指令模板:

我正在使用: //maps.googleapis.com/maps/api/js?v=3&sensor=true 与 angular-google-maps/dist/angular-google-maps.js