草庐IT

react-native-maps

全部标签

javascript - 在浏览器打印上居中 Google map (V3)

我将map设置为页面宽度的100%。map有一个标记,并以该标记为中心。当我打印浏览器时,我希望map保持在标记的中心。这是我为此编写的代码:varlastPos=map.getCenter();google.maps.event.addListener(map,"idle",function(){lastPos=map.getCenter();console.log(lastPos.toString());});google.maps.event.addDomListener(window,"resize",function(){google.maps.event.trigger(m

javascript - Google Maps Marker Cluster示例

我正在寻找一个googlemapsmarker集群apiv3的基本示例。我已经看过这个例子了,但是我做不好。请帮我举一个用这些数据绘制集群的例子:varmacDoList=[{lat:49.00408,lng:2.56228,data:{drive:false,zip:93290,city:"TREMBLAY-EN-FRANCE"}},{lat:49.00308,lng:2.56219,data:{drive:false,zip:93290,city:"TREMBLAY-EN-FRANCE"}},{lat:48.93675,lng:2.35237,data:{drive:false,z

javascript - 将 React 的不可变助手与 Immutable.js 结合使用

我正在研究助焊剂应用,正在考虑采用immutable.js保持状态。我看到React提供了自己的帮助程序来更新不可变对象(immutable对象)(http://facebook.github.io/react/docs/update.html),但无法说出它与不可变对象(immutable对象)自己的setIn和updateIn方法有何不同(即,我已经可以将对象与===进行比较,如果它们随setIn改变)。是否有理由将react助手与immutable.js一起使用?它只是语法糖吗?TL;DR是:varmap=Immutable.fromJS({bar:'baz'});map2=Re

javascript - React HTML 编辑器 (TinyMce)

我一直在寻找用于React的HTML编辑器,但因为我找不到任何可以正常工作的东西(我只需要格式化文本h1、h2、h3、p、粗体和图像[在base64中])最后我决定使用TinyMce,效果很好。但只有当页面第一次打开时。如果我再次进入该页面。如果没有浏览器relaod,则tinymce不会被初始化。你知道在这种情况下会触发什么react事件吗?到目前为止,这是我的小wrapper:/**@jsxReact.DOM*/varReact=require('react');varTinyMceEditor=React.createClass({componentDidMount:functi

javascript - 如何将原型(prototype)上定义的方法作为回调传递给 Array.map

我有一个数组vararr=['A','b','c'];我想trim数组中每个元素的空格。这可以通过使用Array.map来完成作为arr.map(function(el){returnel.trim();});我很好奇将trim/toLowerCase函数作为回调函数直接传递给map,例如arr.map(Math.max.apply.bind(Math.max,null));从每个子数组或arr.map(Number);中获取最大元素将每个元素转换为数字。我试过了arr.map(String.prototype.trim.apply);但是报错UncaughtTypeError:Fun

javascript - 如何使用 classList 获取 React 组件引用以更改其类?

我使用以下代码创建了一个React组件。在此我创建选项卡并添加类并将其引用存储在全局命名空间接口(interface)中以供进一步处理。varTabBody=React.createClass({getInitialState:function(){return{class:'tabBodytabactiveTab'}},render:function(){Interfaces.tabBody=this;tabSelectionInfo.tabBody=this;return(React.createElement('div',{className:this.state.class,o

javascript - 获取 React JS 私有(private)方法的最佳实践是什么?

当您为事件设置组件或元素回调时,教程和文档会显示如下代码:'usestrict';importReactfrom'react';letFooComponent=React.createClass({handleClick(args){...},render(){returnSometitleClickMe!}};exportdefaultFooComponent;但是这个handleClick方法可以从这个组件访问,如果我在另一个组件上使用FooComponent并为它分配一个引用,我可以从这个其他组件访问handleClick。'usestrict';importReactfrom'

javascript - react-native 使用绝对路径?而不是从 '../../something/X' 导入 X?

我想知道为我的项目使用完整路径的最佳方式。例如,如果我正在导入一个组件,我不想执行importComponentfrom'../components/Component',而只是执行importComponentfrom'app/组件/组件';有人可以帮帮我吗? 最佳答案 要有绝对路径,我正在考虑您的package.json在根目录中。在里面,你的package.json添加一个新的属性名称,无论你想要什么值,即"name":"root"然后导入与该路线相关的所有路线importComponentfromroot/component

javascript - 在 D3 v4 中使用 zoom.translateExtent 限制 map 平移

我正在尝试显示单个州的map,缩放和平移限制在州的边界内。它主要工作,除了状态路径缩放以适应较小容器时的平移约束。我认为这归结为我不理解用于zoom.translateExtent的参数(尽管我对此很陌生,所以它可能是其他东西)。Liveexampleonbl.ocks.org,withlinkstopriorart.值得注意的是,我为d3.geoPath使用了空投影,因为我使用ogr2ogr为每个州生成了投影坐标中的shapefile。这就是我使用缩放变换使map适合其容器的原因。 最佳答案 @McGiogen的解决方案几乎是正确

javascript - $(...)..map(...).reduce 不是函数

我正在尝试使用map&reduce计算页面中几个元素的高度总和。出于未知原因,这引发了以下异常:VM52933:2UncaughtTypeError:$(...).map(...).reduceisnotafunction(…)$('.items').map((index,slide)=>$(slide).height()).reduce((prev,next)=>prev+next,0).map返回一个有效的数组:[48,48,48,75,48]如果我单独制作map([48,48,48,75,48].reduce(...))它会起作用。我在这里做错了什么?