Navionics Web API v2
  1. Home
  2. Examples
  3. JNC.Views.Map

Component JNC.Views.Map

Generic KML provide by user on generic map



var webapi4 = new JNC.Views.Map({
    tagId: '#MapUserContent',
    center: [  12.0, 46.0 ],
    navKey: '******'
});


webapi4.loadKml('/examples/data/restore.kml');

Show marine track on BoatingMap



var webapi2 = new JNC.Views.BoatingNavionicsMap({
    tagId: '#MapTrack',
    center: [  12.0, 46.0 ],
    zoom: 10,
    LayerControl: false,
    DistanceControl: false,
    SonarControl: false,
    ZoomControl: false,
    navKey: '******'
});

webapi2.showSonarcharts();
webapi2.loadKml('https://s3.amazonaws.com/webviewer-assets/upload/1409063635082/1409063635082.kml');

Show dynamic SonarChart coverage



var webapi = new JNC.Views.BoatingNavionicsMap({
    tagId: '#MapSCD',
    center: [  12.0, 46.0 ],
    zoom: 10,
    LayerControl: false,
    DistanceControl: false,
    SonarControl: false,
    ZoomControl: false,
    navKey: '*****'
});

webapi.showSonarcharts();
webapi.loadKml('/examples/data/kml/SCD.kml');

Show static SonarChart coverage



 var webapi1 = new JNC.Views.BoatingNavionicsMap({
    tagId: '#MapSCS',
    center: [  12.0, 46.0 ],
    zoom: 10,
    LayerControl: false,
    DistanceControl: false,
    SonarControl: false,
    ZoomControl: false,
    navKey: '****'
});

webapi1.showSonarcharts();
webapi1.loadKml('/examples/data/kml/SCS.kml');

Navionics Dealers



 var webapi5 = new JNC.Views.BoatingNavionicsMap({
    tagId: '#mapDealer',
    center: [  12.0, 46.0 ],
    zoom: 30,
    LayerControl: false,
    DistanceControl: false,
    SonarControl: false,
    ZoomControl: false,
    navKey: '*****'
});

webapi5.showSonarcharts();
webapi5.loadKml('/examples/data/kml/dealer.kml');