草庐IT

Angular-Google-Maps

全部标签

javascript - 根据 Angular JS 中的属性值在列表中查找对象

有没有一种简单的方法可以根据属性值在列表中查找对象,而无需在列表上循环?例如给定如下列表:varlst=[{name:"foo",value:"fooValue"},{name:"bar",value:"barValue"}];是否有某种“find”方法,这样lst.find("name","foo")会返回具有“name”属性值为“foo”? 最佳答案 您可以使用$filter服务:angular.module('app',[])functionParentCtrl($scope,$filter){varlst=[{name:"f

javascript - 如何使用 angular ng-repeat 遍历 javascript Map

我正在开发一个Angualr应用程序,我们有一个Map对象(如下所示)。map对象(headerObj)的键和值来自用户作为应用的输入,varheaderObj=newMap();headerObj.set(key,value);我正在使用foreach遍历它们,如下所示,输出符合预期$scope.inputHeaders.forEach(function(headerkey,headervalue){console.log(headerkey,headervalue;});但是我必须在UI中显示这个map值,用户可以再次编辑,所以我绑定(bind)了它们{{key}}:{{value

javascript - angular2 RC5 中 dynamicComponentLoader 的替代方案?

我正在RC5中创建一个angular2应用程序,我想在其中动态加载组件。在RC1中,我使用dynamicComponentLoader做了同样的事情:@Component({moduleId:module.id,selector:'generic-component',templateUrl:'generic.component.html',styleUrls:['generic.component.css']})exportclassGenericComponentimplementsOnInit{@ViewChild('target',{read:ViewContainerRef}

javascript - Angular 2基于相同路径的 Angular 色导航

我有一个关于使用版本3.0.0-rc.1的Angular2路由器的小问题我想根据用户Angular色导航到不同的主组件,例如AdminComponent或UserComponent。任何人都可以帮助修改以下路由,以便我可以实现所需的功能吗?{path:'login',component:LoginComponent},//AuthGuardService.tsimport{Injectable}from"@angular/core";import{CanActivate,Router,ActivatedRouteSnapshot,RouterStateSnapshot}from"@an

javascript - 如何更改关于 GSnewsBar 对象(Ajax API)的 'Google News' 的语言?

以下处理Goolge-Ajax搜索API的GSnewsBar对象,在此处进行了解释:http://www.google.com/uds/solutions/newsbar/reference.html有一些参数可以改变新闻的布局。但是没有例子说明如何设置新闻语言。目前我总是收到英文新闻,但我的目标是为用户提供一个提供不同语言(en、de、it、nl、es、...)的选择框。在请求新闻之前应该使用哪个对象/方法来更改语言? 最佳答案 您可以使用以下选项varloadOptions={packages:["newsshow"]};loa

javascript - Google CDN 托管具有本地后备功能的 jQuery UI CSS?

我已经有了以下JS文件:!window.jQuery&&document.write(unescape("%3Cscriptsrc='/app_shared/script/jquery-1.6.1.min.js'type='text/javascript'%3E%3C/script%3E"))!window.jQuery.ui&&document.write(unescape("%3Cscriptsrc='/app_shared/script/jquery-ui.min.js'type='text/javascript'%3E%3C/script%3E"))我怎样才能为主题找到类似的东

javascript - Google Maps API V3 双指缩放不适用于 Windows 8.1 预览版上的 IE 11

尝试在带有Windows8.1预览版和InternetExplorer11(后来的IE)的多点触控屏幕上使用双指缩放不适用于GoogleMapsAPIV3(最新版本:3.12、3.13和3.14)。预期的行为是放大和缩小map。相同的功能在Windows8和IE10上运行得很好。这种情况似乎有两个异常(exception):https://maps.google.comhttps://developers.google.com/maps/documentation/javascript/examples/map-simple(嵌入文档页面的任何示例;在独立选项卡或窗口中通过按“全屏”V

javascript - Google Map API 需要更深的缩放

我们正在GoogleMap上开发一个GIS应用程序(使用GoogleMapAPIv3),但是由于一些map对象很小(低至约1米),因此该应用程序需要用户放大近距离,并且需要图形编辑。将GoogleMapAPI中的缩放范围扩展到可能缩放级别30的最佳方法是什么?当Google的tileserver达到极限时,我们能否实现一个“接管”的tile服务器?或者让GoogleMapAPI仅使用图形放大来实现超出其数据范围的缩放级别?还有其他可能的方法吗?这个问题在使用Hybrit或卫星map时尤其麻烦,因为它们的缩放级别更浅(在我们的位置上似乎约为18)。下图显示了最深的缩放以及它是如何不够的:

javascript - 如何将新的 Google map 共享链接转换为 iframe 嵌入 html?

在我的应用程序中,用户只需粘贴一个指向诸如youtube或vimeo视频或某些soundcloud音频的链接,然后它就会找出如何通过oembed嵌入这些内容。因此,如果您将链接粘贴到从地址栏复制的视频,它就可以识别出来。如果您在应用程序的“共享对话框”中粘贴应用程序踢出的共享链接,它也可以工作。如果您粘贴iframe嵌入代码,我可以解析它并根据白名单检查它,您会再次得到完全相同的结果。我也想添加谷歌地图嵌入,但它不支持嵌入。此外,您现在可以获得“经典”(或旧的)Googlemap,但您也可以获得新的googlemap。(更复杂的是,您还可以获得谷歌地图引擎,但我们暂时忽略它......

javascript - 无法嵌入 "new look"Google map

为客户构建网站时,我需要定期嵌入GMaps。为此,我使用maplace.js。一切都很好,但我注意到了一些奇怪的事情。我在我的Google帐户上启用了googlemap的新“外观”,现在它看起来非常漂亮干净:在这里,我可以生成一个iFrame,用于在我的网站上手动嵌入GMap,保持新的、干净的外观和相当方便的“获取方向”覆盖:但是,当使用maplace.js(因此,实际上是mapAPI)时,我仍然得到旧的外观,并且没有漂亮干净的控件:我四处寻找一种方法来使想法看起来与Google生成的框架中的想法相同,但没有成功。这些是我用来完成事情的包含:这是应用于map的CSS:#gmap{hei