Using with react-leaflet

[jakehm]

Instead of putting it in my html, I require the plugin like this
require('./AnimatedMarker')
And I add this to the end of AnimatedMarker.js
module.exports = L.animatedMarker

My custom element looks like this:

require('./AnimatedMarker')
import { MapComponent } from 'react-leaflet'
import L from 'leaflet'

export default class AnimatedMarkerElement extends MapComponent {

  componentWillReceiveProps(nextProps) {
    const line = L.polyline([nextProps.route.coordinates]),
      animatedMarker = L.animatedMarker(line.getLatLngs())

    console.log('in componentWillRecieveProps')
    nextProps.map.addLayer(animatedMarker)
  }

  render() {
    return null
  }
}

The error is:
Uncaught TypeError: Cannot read property 'lat' of null
I think that the plugin is looking for a map that it can't find because its burried inside react elements.

[jakehm]

Do you need the map object to be a global object for this plugin to work?

[jakehm]

const line = L.polyline([nextProps.route.coordinates]), should not be in brackets because it is already an array.

[goodwinfame]

@jakehm Hi, jake, how can I get this.refs.map.leafletElement Object