Rrose marker popup

HTML

<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.css">
<script src="http://cdn.leafletjs.com/leaflet-0.7.2/leaflet.js"></script>
<link rel="stylesheet" href="http://rawgithub.com/erictheise/rrose/master/leaflet.rrose.css">
<script src="http://rawgit.com/asleepwalker/rrose/update-direction/rrose-src.js"></script>
<div id="map"></div>

CSS

html, body, #map {
    width: 700px;
    height: 500px;
    padding: 0;
    margin: 0;
}

JavaScript

var zoom = 8;
var map = L.map('map', { attributionControl: false }).setView([50.846667, 4.354722], zoom);

L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 18 }).addTo(map);

var marker2 = L.marker([50.846667, 4.354722]);
var rrose2 = new L.Rrose({ autoPan: false }).setContent('This Is OK');
marker2.bindPopup(rrose2);
map.addLayer(marker2);
marker2.openPopup();

map.on('drag', function() {
    rrose2.updateDirection();
});