问题标签 [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.
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 类型。我尝试了各种方法来抵消信息框,以便它会移动,但似乎我使用错误,因为框不会改变其位置,或者将显示在地图顶部,而不管标记如何。
angularjs - Angular-google-maps 搜索框
我有这个结构:
- 我的文件夹
- myApp.coffee
- 索引.html
- 搜索框.tpl.html
在 myApp 设置中:
我正在使用这个例子,但我得到了TypeError: Cannot read property 'SearchBox' of undefined,可能是什么?
angularjs - 使用 angular-google-maps 刷新地图和标记
嗨,我正在为我的项目使用 angular-google-maps。html和js代码如下
html:
脚本:angular.module('myApp')
我不确定如何使用新标记刷新地图,甚至不知道如何触发地图更新。我玩弄了 ui-gmap-google-map 的“控制”和“刷新”参数,但无法让它工作。
angularjs - 使用 ui-gmap-polygon 监听 `set_at` 事件
我目前正在使用DrawingManager
允许用户在地图上绘制形状。绘制形状后,我在多边形的路径上设置了一个侦听器,以便在更改路径后做出反应:
当用户使用绘图工具添加新形状时,这非常有用。但是,如果我的数据库中已经有多边形,我正在使用ui-gmap-polygon
AngularJS 指令(来自angular-google-maps
项目)显示,我该如何收听该set_at
事件,因为此事件不在多边形上,而是在多边形的路径上(MVCArray )?
我能够set_at
在项目的源代码中找到引用的唯一位置angular-google-maps
是在array-sync.coffee文件中,但它看起来并没有被公开。
如果我不能set_at
直接使用指令收听事件,我希望在指令创建多边形时触发一个事件,这样我就可以获取多边形的路径,然后添加一个监听器,就像上面的代码。
我已经将 aJSFiddle与基本结构以及事件对象放在一起。它当前处理多边形的 mouseover 和 mouseout,但不处理set_at
事件。
javascript - Angular-google-maps 不显示地图
我是 Angular 的新手并且喜欢它。我一直在潜得更深并取得成功,直到这个特定的深度。
我从 ( http://kcy.me/1bbra )分叉了一个在很大程度上满足我需求的可行代码。
一切正常。但是地图不显示。我进入 chrome 的控制台进行调试,一切似乎都很好。地图正在加载并响应按钮但不显示。
经过数小时的调试,我发现当我初始化会话时,地图不显示,当我注释掉会话代码时,一切正常。
在这里查看我的代码
这是我仪表板上的代码
来自认证类的页面保护功能
这是在我的仪表板页面上显示地图的部分
最后,角码
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
这是标记
这是错误消息:
任何关于为什么会发生这种情况的见解将不胜感激!我觉得我打破了一些东西,不知道为什么。
javascript - Angular-google-maps 将信息从信息窗口传递到父范围
这可能吗?翻阅文档后,几乎没有(如果有的话)在标记范围之外调用函数的变通方法。我希望添加一些 ng-click 功能,但鉴于 infowindow 中的 div 是 ng-non-bindable,它会阻止执行任何指令。如果没有解决方法,有谁知道我是否可以在 Angular 应用程序中使用标准的 javascript google maps 包并使用 jquery 支持它?
PS如果有人想出一种方法来风格化信息窗口,请告诉我。这令人沮丧。
我的目标是做类似的事情:
其中 confirmAppointment() 将获取约会信息并将资源请求发布到服务器。
感谢所有帮助。
谢谢。
javascript - 角度谷歌地图不更新标记
我正在使用库angular-google-maps但是当我从标记数组中推送或删除标记时,它似乎没有更新标记,这在下面的 plnker 中演示。控制台显示已添加一个新标记,而这并未反映在地图上。
angularjs - 在 ionic 中使用 angular-google-map 实现谷歌地图方向
我正在为我的应用程序使用 angular-google-map。我设法得到我当前的位置和我想要的位置。我现在的问题是我想显示这两个位置之间的方向。请指导我如何实施该方向。下面是我的代码。
位置地图 ctrl.js
location-map.html
angularjs - Angular 谷歌地图自定义标记图标
我无法创建自定义标记。即使我将图像路径传递给 icon 参数,我仍然得到默认的橙色标记。如果您发现任何问题,请告诉我。
指令模板:
我正在使用: //maps.googleapis.com/maps/api/js?v=3&sensor=true 与 angular-google-maps/dist/angular-google-maps.js