Closed kulikalov closed 9 years ago
Please show full stack trace of error,
i think this error because of you does not set required
props center
and zoom
on GoogleMap,
and somewhere in the stack trace you must see warnings about.
I've set it in getInitial state. I just removed it from the message in sake of brevity.
getInitialState: function () {
return {
center: [59.938043, 30.337157],
zoom: 9
};
},
Uncaught TypeError: undefined is not a function main.js:26286
autoGenerateWrapperClass main.js:30315
getComponentClassForElement main.js:27533
validatePropTypes main.js:27580
ReactElementValidator.createElement main.js:39168
React.createClass.render main.js:23986
ReactCompositeComponentMixin._renderValidatedComponentWithoutOwnerOrContext main.js:24013
ReactCompositeComponentMixin._renderValidatedComponent main.js:30545
ReactPerf.measure.wrapper main.js:23434
ReactCompositeComponentMixin.mountComponent main.js:30545
ReactPerf.measure.wrapper main.js:31360
ReactReconciler.mountComponentVM15450:106 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.mountComponent main.js:29984
ReactMultiChild.Mixin.mountChildren main.js:24754
ReactDOMComponent.Mixin._createContentMarkup main.js:24664
ReactDOMComponent.Mixin.mountComponent main.js:31360
ReactReconciler.mountComponentVM15450:106 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.mountComponent main.js:23444
ReactCompositeComponentMixin.mountComponent main.js:30545
ReactPerf.measure.wrapper main.js:31360
ReactReconciler.mountComponentVM15450:106 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.mountComponent main.js:29984
ReactMultiChild.Mixin.mountChildren main.js:24754
ReactDOMComponent.Mixin._createContentMarkup main.js:24664
ReactDOMComponent.Mixin.mountComponent main.js:31360
ReactReconciler.mountComponentVM15450:106 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.mountComponent main.js:23444
ReactCompositeComponentMixin.mountComponent main.js:30545
ReactPerf.measure.wrapper main.js:31360
ReactReconciler.mountComponentVM15450:106 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.mountComponent main.js:29984
ReactMultiChild.Mixin.mountChildren main.js:24754
ReactDOMComponent.Mixin._createContentMarkup main.js:24664
ReactDOMComponent.Mixin.mountComponent main.js:31360
ReactReconciler.mountComponentVM15450:106 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.mountComponent main.js:23444
ReactCompositeComponentMixin.mountComponent main.js:30545
ReactPerf.measure.wrapper main.js:31360
ReactReconciler.mountComponentVM15450:106 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.mountComponent main.js:29984
ReactMultiChild.Mixin.mountChildren main.js:24754
ReactDOMComponent.Mixin._createContentMarkup main.js:24664
ReactDOMComponent.Mixin.mountComponent main.js:31360
ReactReconciler.mountComponentVM15450:106 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.mountComponent main.js:23444
ReactCompositeComponentMixin.mountComponent main.js:30545
ReactPerf.measure.wrapper main.js:31360
ReactReconciler.mountComponentVM15450:106 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.mountComponent main.js:23961
ReactCompositeComponentMixin._updateRenderedComponent main.js:23923
ReactCompositeComponentMixin._performComponentUpdate main.js:23839
ReactCompositeComponentMixin.updateComponent main.js:30545
ReactPerf.measure.wrapper main.js:23736
ReactCompositeComponentMixin.performUpdateIfNecessary main.js:31437
ReactReconciler.performUpdateIfNecessaryVM15450:112 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.performUpdateIfNecessary main.js:33259
runBatchedUpdates main.js:35047
Mixin.perform main.js:35047
Mixin.perform main.js:33203
assign.perform main.js:33283
flushBatchedUpdates main.js:30545
ReactPerf.measure.wrapper main.js:35120
Mixin.closeAll main.js:35061
Mixin.perform main.js:26225
ReactDefaultBatchingStrategy.batchedUpdates main.js:33323
enqueueUpdate main.js:32839
enqueueUpdate main.js:33017
ReactUpdateQueue.enqueueSetState main.js:22955
ReactComponent.setState main.js:38677
React.createClass._getNewEstateDetails main.js:40297
Parse.Object.extend.getNewEstateById.query.get.success main.js:8054
(anonymous function) main.js:7927
_.extend.then.wrappedResolvedCallback main.js:7871
(anonymous function) main.js:3940
_.each._.forEach main.js:7870
_.extend.resolve main.js:7937
_.extend.then.wrappedResolvedCallback main.js:7871
(anonymous function) main.js:3940
_.each._.forEach main.js:7870
_.extend.resolve main.js:7932
(anonymous function) main.js:7927
_.extend.then.wrappedResolvedCallback main.js:7989
(anonymous function) main.js:7972
_.extend.then.runLater main.js:7988
_.extend.then main.js:7931
_.extend.then.wrappedResolvedCallback main.js:7871
(anonymous function) main.js:3940
_.each._.forEach main.js:7870
_.extend.resolve main.js:7937
_.extend.then.wrappedResolvedCallback main.js:7871
(anonymous function) main.js:3940
_.each._.forEach main.js:7870
_.extend.resolve main.js:7937
_.extend.then.wrappedResolvedCallback main.js:7871
(anonymous function) main.js:3940
_.each._.forEach main.js:7870
_.extend.resolve main.js:7932
(anonymous function) main.js:7927
_.extend.then.wrappedResolvedCallback main.js:7871
(anonymous function) main.js:3940
_.each._.forEach main.js:7870
_.extend.resolve main.js:7932
(anonymous function) main.js:7927
_.extend.then.wrappedResolvedCallback main.js:7989
(anonymous function) main.js:7972
_.extend.then.runLater main.js:7988
_.extend.then main.js:7931
_.extend.then.wrappedResolvedCallback main.js:7871
(anonymous function) main.js:3940
_.each._.forEach main.js:7870
_.extend.resolve main.js:5391
Parse._ajax.xhr.onreadystatechange
main.js:23941
Uncaught TypeError: Cannot read property '_currentElement' of null main.js:23941
ReactCompositeComponentMixin._updateRenderedComponent main.js:23923
ReactCompositeComponentMixin._performComponentUpdate main.js:23839
ReactCompositeComponentMixin.updateComponent main.js:30545
ReactPerf.measure.wrapper main.js:23703
ReactCompositeComponentMixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:21742
ReactChildReconciler.updateChildren main.js:30069
ReactMultiChild.Mixin._updateChildren main.js:30043
ReactMultiChild.Mixin.updateChildren main.js:24935
ReactDOMComponent.Mixin._updateDOMChildren main.js:24784
ReactDOMComponent.Mixin.updateComponent main.js:24768
ReactDOMComponent.Mixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:23945
ReactCompositeComponentMixin._updateRenderedComponent main.js:23923
ReactCompositeComponentMixin._performComponentUpdate main.js:23839
ReactCompositeComponentMixin.updateComponent main.js:30545
ReactPerf.measure.wrapper main.js:23703
ReactCompositeComponentMixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:21742
ReactChildReconciler.updateChildren main.js:30069
ReactMultiChild.Mixin._updateChildren main.js:30043
ReactMultiChild.Mixin.updateChildren main.js:24935
ReactDOMComponent.Mixin._updateDOMChildren main.js:24784
ReactDOMComponent.Mixin.updateComponent main.js:24768
ReactDOMComponent.Mixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:23945
ReactCompositeComponentMixin._updateRenderedComponent main.js:23923
ReactCompositeComponentMixin._performComponentUpdate main.js:23839
ReactCompositeComponentMixin.updateComponent main.js:30545
ReactPerf.measure.wrapper main.js:23703
ReactCompositeComponentMixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:21742
ReactChildReconciler.updateChildren main.js:30069
ReactMultiChild.Mixin._updateChildren main.js:30043
ReactMultiChild.Mixin.updateChildren main.js:24935
ReactDOMComponent.Mixin._updateDOMChildren main.js:24784
ReactDOMComponent.Mixin.updateComponent main.js:24768
ReactDOMComponent.Mixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:23945
ReactCompositeComponentMixin._updateRenderedComponent main.js:23923
ReactCompositeComponentMixin._performComponentUpdate main.js:23839
ReactCompositeComponentMixin.updateComponent main.js:30545
ReactPerf.measure.wrapper main.js:23703
ReactCompositeComponentMixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:21742
ReactChildReconciler.updateChildren main.js:30069
ReactMultiChild.Mixin._updateChildren main.js:30043
ReactMultiChild.Mixin.updateChildren main.js:24935
ReactDOMComponent.Mixin._updateDOMChildren main.js:24784
ReactDOMComponent.Mixin.updateComponent main.js:24768
ReactDOMComponent.Mixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:23945
ReactCompositeComponentMixin._updateRenderedComponent main.js:23923
ReactCompositeComponentMixin._performComponentUpdate main.js:23839
ReactCompositeComponentMixin.updateComponent main.js:30545
ReactPerf.measure.wrapper main.js:23703
ReactCompositeComponentMixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:23945
ReactCompositeComponentMixin._updateRenderedComponent main.js:23923
ReactCompositeComponentMixin._performComponentUpdate main.js:23839
ReactCompositeComponentMixin.updateComponent main.js:30545
ReactPerf.measure.wrapper main.js:23736
ReactCompositeComponentMixin.performUpdateIfNecessary main.js:31437
ReactReconciler.performUpdateIfNecessaryVM15450:112 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.performUpdateIfNecessary main.js:33259
runBatchedUpdates main.js:35047
Mixin.perform main.js:35047
Mixin.perform main.js:33203
assign.perform main.js:33283
flushBatchedUpdates main.js:30545
ReactPerf.measure.wrapper main.js:35120
Mixin.closeAll main.js:35061
Mixin.perform main.js:26225
ReactDefaultBatchingStrategy.batchedUpdates main.js:33323
enqueueUpdate main.js:32839
enqueueUpdate main.js:33017
ReactUpdateQueue.enqueueSetState main.js:22955
ReactComponent.setState main.js:38683
React.createClass._getNewEstateRelatedItems main.js:40325
Parse.Object.extend.getRelatedNewEstateItems.query.find.success main.js:8054
(anonymous function) main.js:7927
_.extend.then.wrappedResolvedCallback main.js:7871
(anonymous function) main.js:3940
_.each._.forEach main.js:7870
_.extend.resolve main.js:7937
_.extend.then.wrappedResolvedCallback main.js:7871
(anonymous function) main.js:3940
_.each._.forEach main.js:7870
_.extend.resolve main.js:7937
_.extend.then.wrappedResolvedCallback main.js:7871
(anonymous function) main.js:3940
_.each._.forEach main.js:7870
_.extend.resolve main.js:7932
(anonymous function) main.js:7927
_.extend.then.wrappedResolvedCallback main.js:7871
(anonymous function) main.js:3940
_.each._.forEach main.js:7870
_.extend.resolve main.js:7932
(anonymous function) main.js:7927
_.extend.then.wrappedResolvedCallback main.js:7989
(anonymous function) main.js:7972
_.extend.then.runLater main.js:7988
_.extend.then main.js:7931
_.extend.then.wrappedResolvedCallback main.js:7871
(anonymous function) main.js:3940
_.each._.forEach main.js:7870
_.extend.resolve main.js:5391
Parse._ajax.xhr.onreadystatechange
main.js:23941
Uncaught TypeError: Cannot read property '_currentElement' of null main.js:23941
ReactCompositeComponentMixin._updateRenderedComponent main.js:23923
ReactCompositeComponentMixin._performComponentUpdate main.js:23839
ReactCompositeComponentMixin.updateComponent main.js:30545
ReactPerf.measure.wrapper main.js:23703
ReactCompositeComponentMixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:21742
ReactChildReconciler.updateChildren main.js:30069
ReactMultiChild.Mixin._updateChildren main.js:30043
ReactMultiChild.Mixin.updateChildren main.js:24935
ReactDOMComponent.Mixin._updateDOMChildren main.js:24784
ReactDOMComponent.Mixin.updateComponent main.js:24768
ReactDOMComponent.Mixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:23945
ReactCompositeComponentMixin._updateRenderedComponent main.js:23923
ReactCompositeComponentMixin._performComponentUpdate main.js:23839
ReactCompositeComponentMixin.updateComponent main.js:30545
ReactPerf.measure.wrapper main.js:23703
ReactCompositeComponentMixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:21742
ReactChildReconciler.updateChildren main.js:30069
ReactMultiChild.Mixin._updateChildren main.js:30043
ReactMultiChild.Mixin.updateChildren main.js:24935
ReactDOMComponent.Mixin._updateDOMChildren main.js:24784
ReactDOMComponent.Mixin.updateComponent main.js:24768
ReactDOMComponent.Mixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:23945
ReactCompositeComponentMixin._updateRenderedComponent main.js:23923
ReactCompositeComponentMixin._performComponentUpdate main.js:23839
ReactCompositeComponentMixin.updateComponent main.js:30545
ReactPerf.measure.wrapper main.js:23703
ReactCompositeComponentMixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:21742
ReactChildReconciler.updateChildren main.js:30069
ReactMultiChild.Mixin._updateChildren main.js:30043
ReactMultiChild.Mixin.updateChildren main.js:24935
ReactDOMComponent.Mixin._updateDOMChildren main.js:24784
ReactDOMComponent.Mixin.updateComponent main.js:24768
ReactDOMComponent.Mixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:23945
ReactCompositeComponentMixin._updateRenderedComponent main.js:23923
ReactCompositeComponentMixin._performComponentUpdate main.js:23839
ReactCompositeComponentMixin.updateComponent main.js:30545
ReactPerf.measure.wrapper main.js:23703
ReactCompositeComponentMixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:21742
ReactChildReconciler.updateChildren main.js:30069
ReactMultiChild.Mixin._updateChildren main.js:30043
ReactMultiChild.Mixin.updateChildren main.js:24935
ReactDOMComponent.Mixin._updateDOMChildren main.js:24784
ReactDOMComponent.Mixin.updateComponent main.js:24768
ReactDOMComponent.Mixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:23945
ReactCompositeComponentMixin._updateRenderedComponent main.js:23923
ReactCompositeComponentMixin._performComponentUpdate main.js:23839
ReactCompositeComponentMixin.updateComponent main.js:30545
ReactPerf.measure.wrapper main.js:23703
ReactCompositeComponentMixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:23945
ReactCompositeComponentMixin._updateRenderedComponent main.js:23923
ReactCompositeComponentMixin._performComponentUpdate main.js:23839
ReactCompositeComponentMixin.updateComponent main.js:30545
ReactPerf.measure.wrapper main.js:23736
ReactCompositeComponentMixin.performUpdateIfNecessary main.js:31437
ReactReconciler.performUpdateIfNecessaryVM15450:112 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.performUpdateIfNecessary main.js:33259
runBatchedUpdates main.js:35047
Mixin.perform main.js:35047
Mixin.perform main.js:33203
assign.perform main.js:33283
flushBatchedUpdates main.js:30545
ReactPerf.measure.wrapper main.js:35120
Mixin.closeAll main.js:35061
Mixin.perform main.js:26225
ReactDefaultBatchingStrategy.batchedUpdates main.js:33323
enqueueUpdate main.js:32839
enqueueUpdate main.js:33017
ReactUpdateQueue.enqueueSetState main.js:22955
ReactComponent.setState main.js:38689
React.createClass._getPlanirovkiItems main.js:40338
Parse.Object.extend.getPlanirovki.query.find.success main.js:8054
(anonymous function) main.js:7927
_.extend.then.wrappedResolvedCallback main.js:7871
(anonymous function) main.js:3940
_.each._.forEach main.js:7870
_.extend.resolve main.js:7937
_.extend.then.wrappedResolvedCallback main.js:7871
(anonymous function) main.js:3940
_.each._.forEach main.js:7870
_.extend.resolve main.js:7937
_.extend.then.wrappedResolvedCallback main.js:7871
(anonymous function) main.js:3940
_.each._.forEach main.js:7870
_.extend.resolve main.js:7932
(anonymous function) main.js:7927
_.extend.then.wrappedResolvedCallback main.js:7871
(anonymous function) main.js:3940
_.each._.forEach main.js:7870
_.extend.resolve main.js:7932
(anonymous function) main.js:7927
_.extend.then.wrappedResolvedCallback main.js:7989
(anonymous function) main.js:7972
_.extend.then.runLater main.js:7988
_.extend.then main.js:7931
_.extend.then.wrappedResolvedCallback main.js:7871
(anonymous function) main.js:3940
_.each._.forEach main.js:7870
_.extend.resolve main.js:5391
Parse._ajax.xhr.onreadystatechange
main.js:23941
Uncaught TypeError: Cannot read property '_currentElement' of null main.js:23941
ReactCompositeComponentMixin._updateRenderedComponent main.js:23923
ReactCompositeComponentMixin._performComponentUpdate main.js:23839
ReactCompositeComponentMixin.updateComponent main.js:30545
ReactPerf.measure.wrapper main.js:23703
ReactCompositeComponentMixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:21742
ReactChildReconciler.updateChildren main.js:30069
ReactMultiChild.Mixin._updateChildren main.js:30043
ReactMultiChild.Mixin.updateChildren main.js:24935
ReactDOMComponent.Mixin._updateDOMChildren main.js:24784
ReactDOMComponent.Mixin.updateComponent main.js:24768
ReactDOMComponent.Mixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:23945
ReactCompositeComponentMixin._updateRenderedComponent main.js:23923
ReactCompositeComponentMixin._performComponentUpdate main.js:23839
ReactCompositeComponentMixin.updateComponent main.js:30545
ReactPerf.measure.wrapper main.js:23703
ReactCompositeComponentMixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:21742
ReactChildReconciler.updateChildren main.js:30069
ReactMultiChild.Mixin._updateChildren main.js:30043
ReactMultiChild.Mixin.updateChildren main.js:24935
ReactDOMComponent.Mixin._updateDOMChildren main.js:24784
ReactDOMComponent.Mixin.updateComponent main.js:24768
ReactDOMComponent.Mixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:23945
ReactCompositeComponentMixin._updateRenderedComponent main.js:23923
ReactCompositeComponentMixin._performComponentUpdate main.js:23839
ReactCompositeComponentMixin.updateComponent main.js:30545
ReactPerf.measure.wrapper main.js:23703
ReactCompositeComponentMixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:21742
ReactChildReconciler.updateChildren main.js:30069
ReactMultiChild.Mixin._updateChildren main.js:30043
ReactMultiChild.Mixin.updateChildren main.js:24935
ReactDOMComponent.Mixin._updateDOMChildren main.js:24784
ReactDOMComponent.Mixin.updateComponent main.js:24768
ReactDOMComponent.Mixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:23945
ReactCompositeComponentMixin._updateRenderedComponent main.js:23923
ReactCompositeComponentMixin._performComponentUpdate main.js:23839
ReactCompositeComponentMixin.updateComponent main.js:30545
ReactPerf.measure.wrapper main.js:23703
ReactCompositeComponentMixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:21742
ReactChildReconciler.updateChildren main.js:30069
ReactMultiChild.Mixin._updateChildren main.js:30043
ReactMultiChild.Mixin.updateChildren main.js:24935
ReactDOMComponent.Mixin._updateDOMChildren main.js:24784
ReactDOMComponent.Mixin.updateComponent main.js:24768
ReactDOMComponent.Mixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:23945
ReactCompositeComponentMixin._updateRenderedComponent main.js:23923
ReactCompositeComponentMixin._performComponentUpdate main.js:23839
ReactCompositeComponentMixin.updateComponent main.js:30545
ReactPerf.measure.wrapper main.js:23703
ReactCompositeComponentMixin.receiveComponent main.js:31419
ReactReconciler.receiveComponentVM15450:118 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.receiveComponent main.js:23945
ReactCompositeComponentMixin._updateRenderedComponent main.js:23923
ReactCompositeComponentMixin._performComponentUpdate main.js:23839
ReactCompositeComponentMixin.updateComponent main.js:30545
ReactPerf.measure.wrapper main.js:23736
ReactCompositeComponentMixin.performUpdateIfNecessary main.js:31437
ReactReconciler.performUpdateIfNecessaryVM15450:112 __REACT_INSPECTOR_RUNTIME__0_13_1.React.ReactReconciler.performUpdateIfNecessary main.js:33259
runBatchedUpdates main.js:35047
Mixin.perform main.js:35047
Mixin.perform main.js:33203
assign.perform main.js:33283
flushBatchedUpdates main.js:30545
ReactPerf.measure.wrapper main.js:35120
Mixin.closeAll main.js:35061
Mixin.perform main.js:26225
ReactDefaultBatchingStrategy.batchedUpdates main.js:33323
enqueueUpdate main.js:32839
enqueueUpdate main.js:33017
ReactUpdateQueue.enqueueSetState main.js:22955
ReactComponent.setState main.js:38689
React.createClass._getPlanirovkiItems main.js:40338
Parse.Object.extend.getPlanirovki.query.find.success main.js:8054
(anonymous function) main.js:7927
_.extend.then.wrappedResolvedCallback main.js:7871
(anonymous function) main.js:3940
_.each._.forEach main.js:7870
_.extend.resolve main.js:7937
_.extend.then.wrappedResolvedCallback main.js:7871
(anonymous function) main.js:3940
_.each._.forEach main.js:7870
_.extend.resolve main.js:7937
_.extend.then.wrappedResolvedCallback main.js:7871
(anonymous function) main.js:3940
_.each._.forEach main.js:7870
_.extend.resolve main.js:7932
(anonymous function) main.js:7927
_.extend.then.wrappedResolvedCallback main.js:7871
(anonymous function) main.js:3940
_.each._.forEach main.js:7870
_.extend.resolve main.js:7932
(anonymous function) main.js:7927
_.extend.then.wrappedResolvedCallback main.js:7989
(anonymous function) main.js:7972
_.extend.then.runLater main.js:7988
_.extend.then main.js:7931
_.extend.then.wrappedResolvedCallback main.js:7871
(anonymous function) main.js:3940
_.each._.forEach main.js:7870
_.extend.resolve main.js:5391
Parse._ajax.xhr.onreadystatechange
Do you think that if you have center and zoom in the state, GoogleMap component will contain center and zoom as props?
sure, you are right, i forgot about it.
This is exactly what i have now in my component:
var React = require('react/addons');
var GoogleMap = require('google-map-react');
var Map = React.createClass({
getInitialState: function () {
return {
center: [59.938043, 30.337157],
zoom: 9
};
},
render: function() {
return (
<GoogleMap
apiKey={My_api_key_here_OuVNV6_RRAdLowrz9elBbRuXFy2Y}
center={this.props.center}
zoom={this.props.zoom}>
<div lat={59.955413} lng={30.337844} text={'A'}></div>
</GoogleMap>
);
}
});
module.exports = Map;
I tried this, doesn't work. Same errors.
I might make some simplest mistake, since I'm not experienced enough yet. There are no any more errors, except those, i've posted before.
The same error ;-) this.props.center and this.props.zoom are also undefined in your new example. You need to use this.state.center this.state.zoom
checked, doesn't help. Besides, thank you for quick answers)
Mb you just copy any example from example project, i've no ideas why and what is not working for you.
For example this code
var React = require('react/addons');
var Map = React.createClass({
getInitialState: function () {
return {
center: [59.938043, 30.337157],
zoom: 9
};
},
render: function() {
return (
<div
apiKey={My_api_key_here_OuVNV6_RRAdLowrz9elBbRuXFy2Y}
center={this.state.center}
zoom={this.state.zoom}>
<div lat={59.955413} lng={30.337844} text={'A'}></div>
</div>
);
}
});
module.exports = Map;
is working for you?
no errors, no appearance. I will create a simple build with all my node modules and your maps a little bit later. If it will not work, I'll post it here. Ok?
Not ok, there is a working example project here https://github.com/istarkov/google-map-react-examples, please use it, to create non working examples.
I'm really sorry but you have made a lot of mistakes in small amount of code lines before, i really have no time to parse build and create corrections for your own project.
Ok, don't close this issue, i will post here the solution, when i will find it
That's all I need to implement a googlemap in my apps:
var React = require('react');
var GoogleMap = React.createClass({
getDefaultProps: function () {
return {
initialZoom: 6,
mapCenterLat: 53.5333,
mapCenterLng: -113.4073126
};
},
componentDidMount: function (rootNode) {
var mapOptions = {
center: this.mapCenterLatLng(),
zoom: this.props.initialZoom
},
map = new google.maps.Map(this.getDOMNode(), mapOptions);
var marker = new google.maps.Marker({position: this.mapCenterLatLng(), title: 'Hi', map: map});
this.setState({map: map});
},
mapCenterLatLng: function () {
var props = this.props;
return new google.maps.LatLng(props.mapCenterLat, props.mapCenterLng);
},
render: function () {
return (
<div className='map-gic'></div>
);
}
});
module.exports = GoogleMap;
a littke bit of styles:
.map-gic {
height: 300px;
width: 100%;
}
And now render it:
<GoogleMap mlat="55.0000" mlong="-113.0000"/>
no heavy components, no useless code, 30 seconds to implement. All additional functionality can be fetched from the Gmaps API.
Wow! :-) All you need next is to add react controls on the map and make it work and isomorphic ;-)
I'm getting errors
My react component:
package.json:
Component doesn't work. What's wrong?