草庐IT

Angular-Google-Map

全部标签

javascript - 带有@HostListener的Angular 4加载事件

这就是我想要做的:import{Directive,HostListener,Input}from'@angular/core';@Directive({selector:'[appResizeWindow]'})exportclassResizeWindowDirective{@Input('appResizeWindow')line_ChartOptions:{};constructor(){}@HostListener('window:resize',['$event'])onResize(event:Event){console.log('Yo');if(event.targe

javascript - Google map 上的 Openseamap - 默认添加海洋剖面图层

我正在尝试做一些个人项目,我正在尝试在谷歌地图上添加海洋图层。所以决定使用免费的osm选项。我想在seamark上添加marineprofile和ais图层作为默认图层。到目前为止,谷歌地图上的semarkslayerosm是可以的。如何将其他图层添加为带有seamark图层的默认图层。我不知道如何在map上默认添加额外的图层。提前致谢!Myfiddle和片段:varmap;functioninitMap(){map=newgoogle.maps.Map(document.getElementById('map'),{zoom:9,center:{lat:44.5,lng:13.1},

javascript - 如何找到由四个相同 Angular 组成的二维数组中最大的矩形?

考虑这个数组:[["B","C","C","C","C","B","B","C","A","A"],["B","A","C","B","B","A","B","B","A","A"],["B","C","B","C","A","A","A","B","C","B"],["B","B","B","A","C","B","A","C","B","A"],["A","A","A","C","A","C","C","B","A","C"],["A","B","B","A","A","C","B","C","C","C"],["C","B","A","A","C","B","B","C","A"

javascript - 为什么需要方括号来将 Javascript 中 Map 的所有元素字符串化?

问题:我似乎无法找到一个令人满意的解释,说明为什么JavaScriptmap需要方括号让JSON.stringify方法“到达”(?)到嵌套元素中。我想我遗漏了一些关于ES6的东西,或者是Map数据类型固有的东西。我可以将Map转换为对象,然后进行字符串化-但为什么需要这个额外的步骤?我的实验:constblah=newMap();blah.set('u',{'something':[{'hey':98},56,'bob']});blah.set({'hey':{'hey':78}},'what?');console.log(JSON.stringify(...blah));//["u

javascript - 如何防止 Firefox DevTools 显示 "Source Map not found"错误?

我正在使用几个没有.map文件的第3方缩小Javascript文件。当我在FirefoxDevTools中调试时,它始终显示这些错误:Sourcemaperror:requestfailedwithstatus404ResourceURL:https://foo.domain.com/widgets/widgets.min.jsSourceMapURL:widgets.min.js.map这真的很让人分心,因为有很多这样的文件,它们确实会污染控制台。有办法关闭这些警告吗? 最佳答案 您可以通过进入开发人员工具的工具箱选项并取消选中启

javascript - angular 5 - 仅当数组中存在元素时才添加类

在使用ng-for循环时,我想将类添加到项目,前提是项目的id存在于其他一些对象列表中。我试过这样的:item.Id==p.id)">或者这个:item.Id==p.id)?'Flag':''">但它没有编译。请注意,“favoriteList”可能会在“products”之后加载到页面。知道我该怎么做吗?谢谢! 最佳答案 问题出在你的some()方法上,举个例子component.html{{p.name}}component.css.Flag{background:red;}和component.tsproducts=[{"id

javascript - 使用 Angular 加载部分页面并编译 Controller

在大型应用程序中,我们的Web应用程序可能会组织成单独的部分页面,以增加我们应用程序的模块化。在某些情况下,使用Angular$http.get或JQuery$.load编译通过XHR或Ajax请求加载的部分页面会引入错误。以我的场景为例,我正在使用KohanaPHP框架,因此我可以在服务器级别控制我的Web应用程序的模块化。像往常一样,所有模板和页面都被分离到View中,将所有HTML、JS和CSS留在表示层上。这将为我在客户端处理上实现JavascriptMVW/MVC堆栈提供极大的灵active,因为我的Web应用程序严重依赖AJAX请求从后端应用程序获取数据。在我的场景中,我使

javascript - 如何使用 Google map API 一键获取从一个位置到各个位置的距离?

目前该程序正在运行,但由于我在getData()函数中使用的alert()函数,界面很烦人!当我从getData()函数中删除这一行时,整个程序出错了!!我不知道是什么问题?有没有人有更好的主意来做这样的过程?我在这里尝试制作的程序旨在帮助用户找到距离他们当前地址50公里以内的餐厅,我已经收集了各种位置地址并记录在数据库中。initialize()函数在加载HTML主体时调用,在HTML主体的第一行中,餐厅数据将使用PHP从MySQL中提取,PHP会将数据打印到JavaScript数组jsres_add、jsres_id、jsres_name和jsnu,以便我可以在JavaScript

javascript - 单张空白 map

我正在做Leaflet的快速入门教程,但我总是得到一张空白map。我正在使用JavaScript来初始化map,但即使使用我假设的所有编写代码,我仍然看不到map。请帮忙,我的代码如下:varmap=L.map('map').setView([28.23211669921875,-26.050065042385917],10);L.tileLayer('http://b.tilecloudmade.com/e7b61e61295a44a5b319ca0bd3150890/997/256/18/149531/108306.png',{attribution:'Mapdata©O

javascript - Angular 中的根元素是什么?

我写了这样一个指令:app.directive('headersort',function(){return{restrict:'E',scope:{sortBy:'=',title:'='},template:'{{title}}',replace:true,link:function(scope,element,attributes){scope.sortBy=attributes.sortBy;scope.title=attributes.title;}};});我是这样使用它的:我想要的是替换为Product.但是我收到一条错误消息:Templatemusthaveexactl