草庐IT

Angular-Google-Maps

全部标签

javascript - 从 Google map 视口(viewport)边界中排除重叠元素

我正在使用GoogleMapsAPIv3在网站上创建内联map。在它的容器元素中,我还有一个绝对定位的叠加层,它显示了一些详细信息,视觉上悬停在map上。根据上下文确定该元素可能会增长到整个map元素的大小。所有这些都工作正常,但是Maps实例当然仍然认为map的重叠部分是map的有效可用部分。这意味着,尤其是当叠加层处于最大高度时,setCenter不会关注可见中心,并且使用DirectionsRenderer绘制的路线是部分位于覆盖层下方。看这张图:有没有办法将实际视口(viewport)限制在蓝色区域,以便setCenter以箭头尖端为中心,setBounds适合蓝色部分?

javascript - Angular 2没有提供者错误

我正在创建简单的入门应用程序来玩angular2,我正在尝试制作待办事项服务并将其注入(inject)我的组件,但出现此错误:没有TodoService的提供者!(TodoList->TodoService)TodoService.tsexportclassTodoService{todos:Arrayconstructor(){this.todos=[];}}应用.ts///import{Component,View,bootstrap,For,If}from'angular2/angular2';import{TodoService}from'./TodoService'@Comp

javascript - Angular 2 根据ngFor索引生成类名

我在创建基于Angular2ngFor循环索引的动态类名时遇到了问题。我不得不使用以下语法,因为Angular2不喜欢在同一元素上使用ngFor和ngIf。使用此语法,我如何创建一个动态类名,其索引值为{{index}}。我知道这不是正确的A2代码,但我将它放在我的代码示例中以向您展示我希望该值出现的位置。值“variants”是一个设定长度的空数组。因此,“变体”没有任何值(value)。“currentVariant”是一个默认为0的数字。编辑:上面的代码是正确的。我有另一个我认为与此代码相关的无关错误。 最佳答案 我不太明白你

javascript - Angular 1.5 组件双向绑定(bind)不起作用

我有一个Angular1.5.3组件,它似乎没有更新双向绑定(bind)的值。我的Controller更改传递给组件的值。当Controller初始化时,该组件似乎读取默认值,但此后就好像它是单向绑定(bind)一样。future对绑定(bind)值的任何更改都不会在组件中读取。我将它从一个类似的功能指令转换而来,两种方式的绑定(bind)工作得很好。组件是否缺少更改事件或类似事件?我是否需要向组件Controller添加特定逻辑以便组件模板可以读取绑定(bind)值?实现组件的菜单模板:{{ctrl.menu}}{{ctrl.settings}}子菜单组件:(function(){'

javascript - Google 跟踪代码管理器包括旧版 Analytics (GA) 和 Universal Analytics (UA) 脚本

我正在改进我们的在线商店的性能和加载时间,并且我们在其上使用了Google跟踪代码管理器。但是包含google标签管理器的脚本默认情况下还会加载GoogleAnalytics(旧版ga.js)和UniversalGoogleAnalytics(analytics.js)。我不需要这两个,但如果有必要,我只需要UniversalGoogleAnalytics。那么为什么google标签管理器包括这两个脚本?作为编码简历,这是标签管理器包含:(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':newDate().getTime

javascript - 全局位置(国家、地区、城市)为 Rails、jQuery 或 Google Maps API 选择插件?

有没有什么插件可以帮助创建国家、地区和城市的下拉菜单?首先用户选择国家,然后根据他选择的国家更新地区下拉菜单,他选择地区,然后从第三个菜单中选择城市。插件可以用于RubyonRails、jQuery或通过googlemapsapi的javascript解决方案? 最佳答案 FreebaseSuggestjQuery插件提供了非常灵活的自动完成功能,可以在下拉菜单中提供建议,并在鼠标悬停时提供Freebase/Wiki风格的上下文信息。您可以将他们的建议限制在国家、城市、美国各州等。如果操作得当,这甚至可以避免使用三个单独的下拉菜单。

javascript - 使用 Google 地方信息搜索框。如何通过单击按钮启动搜索?

要么我是个白痴,要么这是Googlemap团队的严重疏忽。我正在尝试结合标准输入按键事件(目前工作正常)在按钮点击事件上触发地点搜索请求。我已经梳理了与GooglePlacessearchbox相关的文档并且没有找到合适的解决方案。出于保密原因,我使用演示中的示例。functioninitialize(){varmap=newgoogle.maps.Map(document.getElementById('map-canvas'),{mapTypeId:google.maps.MapTypeId.ROADMAP});vardefaultBounds=newgoogle.maps.Lat

javascript - Angular : Pass additional parameters to chained promises

我想链接一些由服务返回的promise。只要某些返回promise的方法不需要额外的参数,这就可以工作。这是我的例子:varfirst=function(){vard=$q.defer();$timeout(function(){d.resolve("firstresolved")},100)returnd.promise;};varsecond=function(val){console.log("valueofval:",val);vard=$q.defer();$timeout(function(){d.resolve("secondresolved")},200)returnd

javascript - Angular 和 jQuery ng-include with document.ready 不工作

我正在尝试使用HMTL加载一个放置在单独html中的组件。问题在于它会在浏览器加载页面后立即调用。下面是我的模态代码:组件代码在这里:termsAndConditions.html×-->Cisco'sGSAshippingPolicyThispolicyoutlinestherequirementsofshippingInternationallyincludingbutnotlimitedto:AllmembersoftheCiscoworkforceareresponsibletoadheretothispolicyASTistonotbeusedforpersona

javascript - Angular2 - 在测试中模拟 RouteParams

我在为Angular2组件的测试中注入(inject)RouteParams依赖项的模拟时遇到了一些问题。我的总体想法是我可能缺少一些提供者。测试失败:Cannotresolveallparametersfor'RouteParams'(?).MakesurethatalltheparametersaredecoratedwithInjectorhavevalidtypeannotationsandthat'RouteParams'isdecoratedwithInjectable.Doesanyoneknowwhattheissuemightbe?import{it,inject,i