草庐IT

react-google-maps

全部标签

javascript - React Redux 职责

我几天前开始学习react-redux-immutable,但我仍然对构建我的应用程序感到困惑。我有php(symfony/laravelMVC背景),所以要理解一些javascript概念并不容易。1)我有几行WrapperComponent:exportdefaultfunction(props){conststyle={position:"relative"};constlines=props.lines;return({lines.map(line=>())});}2)连接到WrapperContainerimportWrapperfrom'../components/Wrap

javascript - Google Places 自动完成搜索框 : How to control (enable/disable) predictions

是否可以控制(启用/禁用)GooglePlacesAutocompleteSearchBox(google.maps.places.SearchBox)服务预测?或者换句话说:是否可以暂时从自动完成搜索框服务中分离HTML输入元素,然后重新附加它?问题是我仅在附加到SearchBox服务的HTML输入元素下方显示服务结果。问题在于,在显示结果并且用户将注意力重新集中在输入元素上后,预测会显示在结果之上并遮挡他们的视线。在用户更改输入元素中的文本之前,我想禁用预测。2016年8月26日编辑:JavascriptAPI目前不支持禁用预测。因此,我刚刚在Google上打开了一个功能请求。如果

javascript - Sankey 图表的 Google 图表问题

我有一个桑基图。它有2个部分-蔬菜和水果。我不想要蔬菜的触Angular。这可能吗?截图如下:这是我当前的桑基图代码:.my-padding{margin-top:50px;margin-bottom:50px;margin-right:50px;}google.charts.load('current',{'packages':['sankey']});google.charts.setOnLoadCallback(drawChart);functiondrawChart(){vardata=newgoogle.visualization.DataTable();data.addCo

javascript - React 暴露组件函数

基于此链接上的示例http://reactjs.cn/react/tips/expose-component-functions.html,我一直在尝试简化代码以更好地理解暴露的方法,所以我得到了以下内容,这是行不通的,错误是“UncaughtTypeError:无法读取未定义的属性'animate'”而且我真的不知道原因:varTodo=React.createClass({render:function(){return;},//thiscomponentwillbeaccessedbytheparentthroughthe`ref`attributeanimate:functio

javascript - 我应该在 React 组件中初始化一个空状态变量吗?

我对React还是有点陌生​​,我觉得它很棒,但目前有一件事在我脑海中,我想知道如何看待它。例如,我正在制作一个结账组件,其中有一个减价优惠券字段。我将事件的当前价格传递给优惠券,以便它可以计算新的:{this.state.showCouponField?(this.setState({coupon:coupon})}initialValue={this.state.coupon?this.state.coupon.token:''}initialPrice={this.state.event.final_price}setReducedPrice={(reducedPrice)=>t

javascript - 如何使用 flowtype 在组件的 react 上下文中定义 Prop ?

使用flowtype时在context中定义一个Prop这样//@flowtypeMyType=Object;classCustomViewextendsReact.Component{staticchildContextTypes={someProp:MyType}getChildContext(){return{someProp:this.props.someProp};}}我收到以下错误:CustomView:typespecificationofchildcontextsomePropsisinvalid;thetypecheckerfunctionmustreturnnull

javascript - React Router v4 NavLink 主动路由

我正在尝试将我的项目从使用v3的react-router移植到现在称为react-router-dom的v4。现在,当我有一个MenuBar组件时,问题就出现了,它与路由逻辑完全分开(如您所料),因为无论当前路径是什么,它都会显示完全相同的链接。现在这与v3一起工作得很好,但现在当我使用具有相同activeClassName属性的NavLink时,事件路线不会在NavBar上更新,仅在刷新。这似乎有点愚蠢,所以一定有办法解决这个问题。exportdefault@inject('ui')@observerclassAppextendsComponent{render(){return()

javascript - 无法删除 ui-gmap-google-map 中的选定多边形

我可以使用GoogleDraw管理器绘制多个多边形。现在我无法从多个多边形中选择特定的多边形并删除和编辑它。编辑或删除后也无法获取新数组。我的demo.js代码如下:$scope.map={center:{latitude:19.997454,longitude:73.789803},zoom:10,//mapTypeId:google.maps.MapTypeId.ROADMAP,//radius:15000,stroke:{color:'#08B21F',weight:2,opacity:1},fill:{color:'#08B21F',opacity:0.5},geodesic:

javascript - 使用 Browserify 时如何公开 Google map 的回调函数?

我正在使用Gulp和Browserify来捆绑我的JavaScript。我需要公开一个应在GoogleMapsAPI加载后执行的回调函数。如果不使用window.initMap之类的东西,如何做到这一点?这样做的问题是我需要在initMap中触发大量其他方法,因此除了使用window.functionName和污染全局命名空间之外,必须有更好的方法来实现它。另一方面,是否可以只排除callback参数并改为执行类似的操作?$.getScript('https://maps.googleapis.com/maps/api/js').done(function(){initMap();})

javascript - 在 React DnD drop 中获取 DOM 中的元素位置?

我正在使用ReactDnD和Redux(使用Kea)构建一个表单生成器。我的拖放部分工作得很好,我已经设法在元素掉落时分派(dispatch)一个Action,然后我使用分派(dispatch)改变的状态渲染构建器。但是,为了以正确的顺序呈现元素,我(认为我)需要保存丢弃的元素相对于它的sibling的位置,但我无法找出任何不是绝对疯狂的东西。我已经尝试过使用refs并使用唯一ID查询DOM(我知道我不应该这样做),但是这两种方法都感觉很糟糕,甚至都不起作用。这是我的应用程序结构的简化表示:@DragDropContext(HTML5Backend)@connect({/*reduxt