signalk / maptracker

A web page that tracks targets based on data from a SignalK server

Signal K

Signal K is a modern and open data format for marine use. Built on standard web technologies including JSON, WebSockets and HTTP, Signal K provides a method for sharing information in a way that is friendly to WiFi, cellphones, tablets and the Internet. A format available to everyone, where anyone can contribute, Signal K is the first truly open data format for the marine industry and is set to revolutionize how we consume and interact with data on boats.

https://signalk.org

maptracker's Issues

Add readme with screenshot

Must be usable with plain ws server

SailGauge did not work with java server, but that is fixed with SignalK/sailgauge#3. Maptracker has the same problem.

We should create a generic js client connection library with intelligent (backoff) reconnection capability.

Change boat icon

Hi!

How can i change the boat icon to a PNG icon?

Thanks.
Best regards,
Jaron

Automatically follow vessel

Hi!

How can i automatically follow the vessel when the map opens (and keep it in center)?

Thanks.
Best regards,
Jaron

Handicap speed calculation

In a race it could be interesting to see how boats are performing according to the handicap rules of the race. Some handicap systems are easy enough, for example http://en.wikipedia.org/wiki/LYS_(sailing).

There should be an option to color code the boat markers with colors showing if they are doing better or worse than the reference boat. The ranking list could show also the corrected speed.

See also #3.

SignalK schema should have an extension point for defining the handicap values for a boat in effect during a race (note: the handicap changes over time and can depend on sail inventory on board/allowed in a race).

easyButton Issues

For whatever reasons, im showing an error with the EasyButton creation.

change the following

var homeButton = new L.Control.EasyButton('fa-home');
  homeButton.options.intentedIcon = 'fa-home';
  homeButton.options.position = 'topright';
  homeButton.intendedFunction = function () {
    map.panTo(selfLocation);
  };
  map.addControl(homeButton);

to

var homeButton = L.easyButton('fa-home',function(btn,map){
  map.panTo(selfLocation);
});
homeButton.options.position='topright';
map.addControl(homeButton);

Cannot read property 'lat' of undefined

Hi,

The vessel is visible on the map with an up to date location, but when i use the 'locate' button we get this error in the Chrome console:

Uncaught TypeError: Cannot read property 'lat' of undefined
at Object.project (map.js:16990)
at Object.latLngToPoint (map.js:17013)
at e.project (map.js:17284)
at e.latLngToLayerPoint (map.js:17295)
at e._getCenterOffset (map.js:17488)
at e._tryAnimatedPan (map.js:21157)
at e.setView (map.js:21121)
at e.panTo (map.js:17127)
at e. ((index):111)
at State.onClick (map.js:16236)
at e. (easy-button.js:185)
at HTMLButtonElement.i [as _leaflet_click23] (map.js:19826)

What can be the problem?

Best regards,
Jaron

Convert to leaflet plugin

Teppo,
If this tracking from signalk data capability was a leaflet plugin then it could easily be added to any leaflet map....
Also overlay/tracking a single vessel (your own) must be very similar, so a simple chartplotter would just require the plugin + filter for 'self' ?
Rob

Distribute depencies included

Webapps should be installable with npm, with all the depencies included within the module.

See SignalK/signalk-server#160

SI Units

Update vessel direction to use radians per SI units from the server.

Filtered list

If you are watching a race you may want to ignore all other vessels in the area and filter the speed ranking list so that the vessels in the race are shown.

Url change / use signalk-js-client

The order of things in the SK url has changed and maptracker needs to be updated. A good way to do this is by starting to use signalk-js-client.

Routing

Another great feature would be to be able to suggest routes based on vessel polar diagram. See http://zezo.org/sodebo/chart.pl? for example. this requires polars (obviously), grip files and a definition of coastlines, eg. from OpenStreetMap.

Reffering .js file from a style sheet link tag

Not sure if the styles is missing or it should just not be there.

<link rel="stylesheet" href="/bower_components/Leaflet.Easybutton/src/easy-button.js" />

https://github.com/SignalK/maptracker/blob/master/index.html#L34