{"action":"opened","issue":{"url":"https://api.github.com/repos/OpenGov/react-leaflet-heatmap-layer/issues/6","repository_url":"https://api.github.com/repos/OpenGov/react-leaflet-heatmap-layer","labels_url":"https://api.github.com/repos/OpenGov/react-leaflet-heatmap-layer/issues/6/labels{/name}","comments_url":"https://api.github.com/repos/OpenGov/react-leaflet-heatmap-layer/issues/6/comments","events_url":"https://api.github.com/repos/OpenGov/react-leaflet-heatmap-layer/issues/6/events","html_url":"https://github.com/OpenGov/react-leaflet-heatmap-layer/issues/6","id":181172358,"number":6,"title":"My map Looks broken","user":{"login":"cristiandley","id":1873659,"avatar_url":"https://avatars.githubusercontent.com/u/1873659?v=3","gravatar_id":"","url":"https://api.github.com/users/cristiandley","html_url":"https://github.com/cristiandley","followers_url":"https://api.github.com/users/cristiandley/followers","following_url":"https://api.github.com/users/cristiandley/following{/other_user}","gists_url":"https://api.github.com/users/cristiandley/gists{/gist_id}","starred_url":"https://api.github.com/users/cristiandley/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cristiandley/subscriptions","organizations_url":"https://api.github.com/users/cristiandley/orgs","repos_url":"https://api.github.com/users/cristiandley/repos","events_url":"https://api.github.com/users/cristiandley/events{/privacy}","received_events_url":"https://api.github.com/users/cristiandley/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-10-05T14:33:19Z","updated_at":"2016-10-05T14:33:19Z","closed_at":null,"body":"![leaflet](https://cloud.githubusercontent.com/assets/1873659/19117332/05752a08-8aef-11e6-9617-00e41d8c6578.png)\r\n\r\nThis is my code:\r\n\r\n```JavaScript\r\nimport _ from 'underscore';\r\nimport { render } from 'react-dom';\r\nimport { connect } from 'react-redux';\r\nimport React, {Component, PropTypes} from 'react';\r\nimport { Map, Marker, Popup, TileLayer } from 'react-leaflet';\r\nimport HeatmapLayer from 'react-leaflet-heatmap-layer';\r\n\r\nclass DensidadHechos extends Component {\r\n\r\n  constructor(props, context) {\r\n    super(props, context);\r\n    this.state = {\r\n      altura: window.innerHeight-55,\r\n    };\r\n  }\r\n\r\n  componentWillReceiveProps(nextProps){\r\n    return nextProps != this.props;\r\n  }\r\n\r\n  /**\r\n  * Renderiza la estructura base para la aplicación\r\n  * div id-Mapa contiene todos los filtros y renderizadores de google\r\n  * Conceptos básicos de Google Map:\r\n  * https://developers.google.com/maps/documentation/javascript/tutorial\r\n  */\r\n  render(){\r\n\r\n      const { altura } = this.state;\r\n      const { coordenadas, incidencia, mapCenter } = this.props;\r\n\r\n      return (\r\n        <div style={{ height: altura}}>\r\n        <Map center={[-38.9518476,-68.0588852]} zoom={13} style={{ height: altura}}>\r\n          <HeatmapLayer\r\n            fitBoundsOnLoad\r\n            fitBoundsOnUpdate\r\n            points={ coordenadas}\r\n            longitudeExtractor={m => m[1]}\r\n            latitudeExtractor={m => m[0]}\r\n            intensityExtractor={m => parseFloat(m[2])} />\r\n          <TileLayer\r\n            url='http://{s}.tile.osm.org/{z}/{x}/{y}.png'\r\n            attribution='&copy; <a href=\"http://osm.org/copyright\">OpenStreetMap</a> contributors'\r\n          />\r\n        </Map>\r\n        </div>\r\n      );\r\n\r\n  };\r\n}\r\n\r\n\r\nDensidadHechos = connect(\r\n  (state) => (\r\n    {\r\n      mapCenter: state.gestorFiltros.mapCenter,\r\n      incidencia: state.gestorFiltros.incidencia,\r\n    }\r\n  ),\r\n  (dispatch) => ({\r\n    onChangeCenter(valor) {\r\n      dispatch(cambiarCenter(valor));\r\n    },\r\n    onChangeBounds(valor) {\r\n      dispatch(cambiarBounds(valor))\r\n    }\r\n  }),\r\n)(DensidadHechos);\r\nexport default DensidadHechos;\r\n\r\n```\r\n\r\ni really dont know whats happening, maybe it is because of the div trying to be almost full screen ?"}}
{"actor":{"display_login":"cristiandley"}}