galadrielmap_sk
Version:
a server-based chartplotter navigation software for pleasure crafts, motorhomes, and off-road cars. It's can be used on tablets and smartphones without install any app. Only browser need.
81 lines (54 loc) • 2.75 kB
Markdown
leaflet-tracksymbol
-------------------
[](https://codeclimate.com/github/lethexa/leaflet-tracksymbol)
[](https://travis-ci.org/lethexa/leaflet-tracksymbol)
This is a symbol for leaflet-layers showing tracks with speed, course and heading.
The visualization is chosen by zoomlevel or heading availability.
* If zoomlevel is smaller than 'minSilouetteZoom' a triangular symbol is rendered.
* If zoomlevel is greater than 'minSilouetteZoom' a ship silouette is rendered.
* If heading is undefined a diamond symbol is rendered.
The following options are available:
* trackId: The unique id of the symbol (default: 0).
* size: Static size of the symbol in pixels (default:24).
* heading: Initial heading of the symbol (default: undefined).
* course: Initial course of the symbol (default: undefined).
* speed: Initial speed of the symbol-leader (default: undefined).
* leaderTime: The length of the leader in seconds (speed * leaderTime) (default:60).
* minSilouetteZoom: The zoomlevel to switch from triangle to silouette (default:14).
* gpsRefPos: Initial GPS offset of the symbol (default: undefined).
* defaultSymbol: The triangular track symbol. Contains an array of n numbers. [x1,y1,x2,y2,...]
* noHeadingSymbol: The diamond track symbol. Contains an array of n numbers. [x1,y1,x2,y2,...]
* silouetteSymbol: The ship track symbol. Contains an array of n numbers. [x1,y1,x2,y2,...]
Showcase
--------
The sourcecode contains an nodeJS application with a simple webserver showing the tracksymbol
in action on a leaflet-map (leaflet 0.7 and 1.0).
To start execute the following commands (in project-root) on the commandline:
> npm install
> bower install
> grunt
> npm start
In your webbrowser go to 'http://localhost:8000'. On the webpage click on the version-link to
start the example.
Example
-------
var latlng = L.latLng(20, 30);
var speed = 10.0; // In m/s
var course = 45.0 * Math.PI / 180.0; // Radians from north
var heading = 45.0 * Math.PI / 180.0; // Radians from north
var trackMarker = L.trackSymbol(latlng, {
trackId: 123,
fill: true,
fillColor: '#0000ff',
fillOpacity: 1.0,
stroke: true,
color: '#000000',
opacity: 1.0,
weight: 1.0,
speed: speed,
course: course,
heading: heading
});
trackMarker.addTo(map);
