signalk / maptracker Goto Github PK
View Code? Open in Web Editor NEWA web page that tracks targets based on data from a SignalK server
License: Apache License 2.0
A web page that tracks targets based on data from a SignalK server
License: Apache License 2.0
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.
Update vessel direction to use radians per SI units from the server.
Webapps should be installable with npm, with all the depencies included within the module.
Hi!
How can i automatically follow the vessel when the map opens (and keep it in center)?
Thanks.
Best regards,
Jaron
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.
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
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.
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.
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
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
Hi!
How can i change the boat icon to a PNG icon?
Thanks.
Best regards,
Jaron
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).
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);
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.