草庐IT

学习typeScript(weakMap,weakSet,set,map)

全部标签

javascript - Google Maps : Get click or marker (x, y) 标记点击监听器内的像素坐标

我正在尝试在点击标记时在map标记上完全显示自定义信息窗口。我已经成功实现了thisanswer让div显示在mapCanvas上单击...但我无法在标记单击时复制它。是否有可能在标记点击功能中获取标记像素位置,并抑制普通信息窗口以显示所需的自定义信息窗口?我试过这个:google.maps.event.addListener(marker,'click',function(args){varx=args.pixel.x+$('#map').offset().left;//weclickedherevary=args.pixel.y;info.style.left=x+'px';inf

javascript - typescript 错误 : TS2304: Cannot find name '$'

声明x=$('#msgBox_'+scope.boxId).position().left;生成一个errorTS2304:Cannotfindname'$'尽管jquery和@types安装在node_modules文件夹中。我的tsconfig.json看起来像这样:{"compilerOptions":{"module":"commonjs","target":"es5","sourceMap":true,"moduleResolution":"node","declaration":true},"exclude":["node_modules"]}我该如何解决?

javascript - Jest with TypeScript : TypeError: environment. 拆解不是函数

当我尝试使用Jest运行测试时出现此错误:FAILsrc/__tests__/jokeGenerator.test.tsx●TestsuitefailedtorunTypeError:environment.teardownisnotafunctionatnode_modules/jest-runner/build/run_test.js:230:25我在这里遇到了一个可能的解决方案:HowtosolveTypeError:environment.teardownisnotafunction但在按照建议进行操作后:删除我的yarn.lock文件、node_modules文件夹、从我的p

javascript - phonegap + ionic 使用 Content-Security-Policy 加载 maps.googleapis.com,如何?

我尝试了很多加载谷歌地图和firebaseio的方法,但都没有成功:这就是我现在拥有的:我得到:Refusedtoloadthescript'https://maps.googleapis.com/maps/api/js?libraries=places'becauseitviolatesthefollowingContentSecurityPolicydirective:"script-src'self'https://maps.googleapis.com/*'unsafe-inline''unsafe-eval'".Refusedtoloadthescript'https://t

javascript - 如何在 Typescript 的回调函数中访问 'this'?

这个问题在这里已经有了答案:Howtoaccessthecorrect`this`insideacallback(13个答案)关闭6年前。一旦调用回调,我试图将在类开头声明的变量(bool值)设置为true,但我不断收到TypeScript错误。这里是错误:TypeError:Cannotsetproperty'nonReceived'ofundefined这是我的代码:finalizeToken(){braintree.setup(JSON.parse(this.finalToken),'dropin',{container:'dropin-container',defaultFir

javascript - Google Maps API 3 - 限制平移/ map 边界

我完全不熟悉Googlemap,正在创建我的第一张map,以便将其整合到我的网站中。我试图将用户可以移动的区域限制在英国,并查看了这里的几篇帖子,它们都给出了非常相似的答案,但是我无法让代码为我工作.ThissolutionistheclosestthatIhavegot但是,每当我尝试完全移动map时,它都会以我的一个边界点为中心,而且我无法将其移动到其他任何地方。我可能犯了一个非常愚蠢的错误,在这种情况下我深表歉意,但我无法弄清楚哪里出了问题。有人有什么想法吗?谢谢我的代码如下(取自Google的示例代码,然后添加到)-与边界相关的部分靠近底部,从为英国设置边界开始:GoogleM

javascript - 是否可以只映射数组的一部分? (数组.map())

我正在构建一个使用React.js作为前端框架的项目。在一个特定页面上,我向用户显示了完整的数据集。我有一个包含这个完整数据集的数组。它是一个JSON对象数组。就向用户呈现此数据而言,我目前通过使用Array.map()返回每个数据项来显示整个数据集。这是朝着正确方向迈出的一步,但现在我只需要显示数据集的一部分,而不是全部,我还想要一些控制,以了解总数据集有多少已经被显示显示,以及有多少数据集尚未显示。基本上我正在构建类似“查看更多”按钮的东西,它可以向用户加载更多数据项。这是我现在使用的,其中“feed”代表我的JSON对象数组。(这显示了整个数据集。)return({feed.ma

javascript - 更改 Google Maps JavaScript API v3 圈外的 map 不透明度

所以我目前在map上画了一个圆圈:varoptionsCercle={center:latlang,map:map,radius:1000,fillOpacity:0.1,strokeWeight:0};this.circ=newgoogle.maps.Circle(optionsCercle);现在我将圆圈内部设置为fillOpacity:0.1,但我想做的是将map上除圆圈内部之外的所有内容设置为fillOpacity:0.1。我希望我的视口(viewport)中除了圆圈之外的所有东西都被“模糊掉”。我怎样才能做到这一点? 最佳答案

javascript - 如何在 typescript 中导入/使用 Reflect

我正在尝试使用thisSOanswer中的代码.它使用反射。这是一个副本:exportfunctionCustomComponent(annotation:any){returnfunction(target:Function){varparentTarget=Object.getPrototypeOf(target.prototype).constructor;varparentAnnotations=Reflect.getMetadata('annotations',parentTarget);varparentAnnotation=parentAnnotations[0];Obj

javascript - 谷歌地图 JS v3 : Map display: none; after map initialization causing corrupted map

这当然涉及到之前关于初始化期间map显示的问题。然而这里的问题是在map应该已经初始化之后map显示被设置为无。我的widow.onload的最后一行将map设置为显示:无;到那时map初始化应该已经完成​​,但事实仍然是最终调用导致了问题。window.onload();函数...window.onload=function(){changeTheme(me);//doitnowsocurrent_themeisavaibletoswitchTabs();switchTabs("tab3");//setsmapdivvisibleinitMaps();//mapinitializat