草庐IT

react-native-maps

全部标签

javascript - 在 Javascript 中模拟 map /集合

我有一个json对象,例如box={};,我将继续向其添加键值,例如box['somename']=somevalue。somename可能会重复,我希望最后一个实例的值获胜。这一切都很好。现在我需要对它进行操作,就好像它是一个数组一样。基本上,现在我有了一组唯一键,我想要一个主要操作box.length来查看有多少个唯一元素。是否有一种优雅的恒定时间方法可以在不遍历该对象的所有属性的情况下执行此操作? 最佳答案 varbox={length:0,add:function(k,v){if(typeofthis[k]==='undef

javascript - 如何使用 Javascript 访问现有的传单 map 多段线,然后对其进行动画处理?

任何人都可以建议我如何使用javascript在此处访问然后设置红色多段线的动画:http://gymloop.lukem.co.uk(登录:User2/pass2,然后选择“挑战”)我想为从第一个标记到红线末端的多段线设置动画(想想Indianajones,但没有移动map并且不使用谷歌地图)。它需要是动态的,因为不同的用户会走过不同的距离。我需要在FF、IE7+和Chrome中工作的解决方案我正在使用cloudmade的leafletmap,并热衷于避免使用谷歌地图。我在gis上的相关问题中有更多信息。stackexchange 最佳答案

javascript - google maps api v3 - 从外部点击打开信息窗口

所以我有一个像这样初始化的V3map:functioninit(){varmapCenter=newgoogle.maps.LatLng(51.5081289,-0.128005);varmap=newgoogle.maps.Map(document.getElementById('map'),{'zoom':6,'center':mapCenter,'mapTypeId':google.maps.MapTypeId.ROADMAP,panControl:false,mapTypeControl:false,zoomControl:true,zoomControlOptions:{st

javascript - 检查 map 标记是否在选定范围内

我有一张带有各种标记的map,我需要能够在map上绘制一个矩形并选择矩形边界内的标记。到目前为止,我在这里找到了一些很棒的信息:Howtogetmarkersinsideanareaselectedbymousedrag?我已经实现了keymapzoom插件。像这样$('#dispatcher').gmap3({action:'get'}).enableKeyDragZoom({boxStyle:{border:"dashedblack",//backgroundColor:"red",opacity:0.5},paneStyle:{backgroundColor:"gray",opa

javascript - 同一页面上具有相同选项的多个传单 map

我是leaflet.js的新手,我正在尝试弄清楚如何将具有相同选项和图层集的相同map分配给不同的HTML容器,而不是每次都删除和添加一个新容器时间?我曾经处理Openlayers2.13,我有map.render(div);每次我想将map设置为另一个div时的选项。是否有类似的解决方案?非常感谢! 最佳答案 可以,但必须复制图层//addanOpenStreetMaptilelayerL.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png',{attribution:'©

javascript - Async/Await 无法按预期使用 Promise.all 和 .map 函数

我有很多正在使用的async函数,但我遇到了一个奇怪的问题。我的代码,工作,看起来像:asyncmainAsyncFunc(metadata){letfiles=metadata.map(data=>this.anotherAsyncFunc(data.url));returnPromise.all(files);}anotherAsyncFunc函数如下所示:asyncanotherAsyncFunc(url){returnawaitaxios({url,}).then(res=>res.data).catch(err=>{throwerr;});}当我尝试将更多数据附加到第一个函数

javascript - ReactJS - React.Children.forEach - 我可以获得子组件名称吗?

我有一个包含许多子项的React(15.5.4)组件,其中一些是HTML元素,一些是其他React组件。我正在使用服务器渲染并且需要在服务器和客户端上有相同的行为。客户端将使用React的生产构建。我需要遍历子组件并确定特定类型的React组件。所以我的第一个想法是使用React.Children.forEach()进行迭代并查找组件名称。React.Children.forEach(this.props.children,child=>{console.log('name=',child.name)})似乎child.name和child.displayName不存在。现在,chil

javascript - 动画化 <Circle/> 的 react-native-svg 短划线长度

大家好,我正在尝试实现类似于:https://kimmobrunfeldt.github.io/progressbar.js的效果(圈出一个)在使用setNativeProps方法之前,我能够成功地为一些svg元素制作动画,但是这次我用破折号长度失败了,下面是一个演示当前行为的gif(圆圈从完整变为收到新Prop时半满):从本质上讲,我正在尝试为这个变化设置动画,而不是它只是轻弹进来,下面是这个矩形进度条的完整源代码,基本思想是使用Circle和strokeDasharray为了显示循环进度,它接收currentExp和nextExp作为Angular色经验的值,以计算他们到达下一个l

javascript - 如何停止在 textInput React Native 中输入空格?

如何在ReactNative中停止在密码输入字段中输入空格?password可以是任何字符,包括空格。我试过这个:validator.jsconstextract=(str,pattern)=>(str.match(pattern)||[]).pop()||'';exportfunctionremoveWhiteSpace(str){returnextract(str,'/^\S*$/;');}登录.jspasswordHandle(value){this.setState({password:removeWhiteSpace(value)})console.log(removeWhi

javascript - React Router v4 - 切换组件时保持滚动位置

我有两个s使用react-router创建。/cards->纸牌游戏列表/cards/1->纸牌游戏#1的详细信息当用户点击“返回列表”时,我想将用户滚动到他在列表中的位置。我该怎么做? 最佳答案 工作示例在codesandboxReactRouterv4不提供开箱即用的滚动恢复支持,就目前而言,它们也不会。在ReactRouterV4-ScrollRestoration部分在他们的文档中,您可以阅读更多相关信息。因此,由每个开发人员编写逻辑来支持这一点,尽管我们确实有一些工具来实现这一点。element.scrollIntoVie