You are correct!
First of all I had forgotten to loadthe css that’s mandatory. After adding that and doing some fine tuning it’s mostly working. It does ofter require a resize to properly fill up the widget, but the map is whole and draggable and such.
On my iPad it renders the marker fine even, but on Chrome it’s not showing the marker. The controller is unchanged, but the widget not looks like:
<div oc-lazy-load="'/static/leaflet.js'" style="position: absolute; top: 0; bottom: 0; left: 0; right: 0;">
<div oc-lazy-load="'/static/angular-simple-logger.js'" style="position: absolute; top: 0; bottom: 0; left: 0; right: 0;">
<div oc-lazy-load="'/static/ui-leaflet.js'" style="position: absolute; top: 0; bottom: 0; left: 0; right: 0;">
<div oc-lazy-load="'/static/map.controller.js'" style="position: absolute; top: 0; bottom: 0; left: 0; right: 0;">
<div oc-lazy-load="'/static/leaflet.css'" style="position: absolute; top: 0; bottom: 0; left: 0; right: 0;">
<div ng-controller="MarkerController">
<leaflet id="map-marker" markers="markers" lf-center="osloCenter" height="400px" width="100%"></leaflet>
</div>
Now I obviously need to figure out how to pass the item state to the controller, but I think there’s a thread about that already.