search

google-map-react / google-map-react

Google map library for react that allows rendering components as markers :tada:
http://google-map-react.github.io/google-map-react/map/main/
MIT License
6.39k stars 835 forks source link

Cannot read property '_currentElement' of null, react 0.13.3 #7

Closed kulikalov closed 9 years ago

kulikalov commented 9 years ago

I'm getting errors

Uncaught TypeError: undefined is not a function
(3) Uncaught TypeError: Cannot read property '_currentElement' of null

My react component:

var React = require('react/addons');
var GoogleMap = require('google-map-react');

var Map = React.createClass({
    getInitialState: function () {
        return {
        };
    },
    render: function() {
        return (
                <GoogleMap>
            <div lat={59.955413} lng={30.337844} text={'A'}></div>
          </GoogleMap>
        );
    }

});

module.exports = Map;

package.json:

 "dependencies": {
    "react": "^0.13.3",
    "react-router": "^0.13.3",
    "reactify": "0.17.1",
    "superagent": "0.21.0"
  },
  "devDependencies": {
    "envify": "^1.2.1",
    "es6-promise": "^1.0.0",
    "flux": "^2.0.3",
    "google-map-react": "^0.3.1",
    "gulp": "^3.8.0",
    "gulp-browserify": "^0.5.0",
    "gulp-concat": "^2.2.0",
    "gulp-connect": "^2.2.0",
    "gulp-livereload": "^3.8.0",
    "gulp-open": "~0.3.2",
    "gulp-plumber": "^1.0.0",
    "gulp-webserver": "^0.9.1",
    "parse": "^1.4.2",
    "parse-react": "^0.3.1"
  }

Component doesn't work. What's wrong?

istarkov commented 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.

kulikalov commented 9 years ago

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
istarkov commented 9 years ago

Do you think that if you have center and zoom in the state, GoogleMap component will contain center and zoom as props?

kulikalov commented 9 years ago

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.

istarkov commented 9 years ago

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

kulikalov commented 9 years ago

checked, doesn't help. Besides, thank you for quick answers)

istarkov commented 9 years ago

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?

kulikalov commented 9 years ago

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?

istarkov commented 9 years ago

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.

kulikalov commented 9 years ago

Ok, don't close this issue, i will post here the solution, when i will find it

kulikalov commented 9 years ago

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.

istarkov commented 9 years ago

Wow! :-) All you need next is to add react controls on the map and make it work and isomorphic ;-)