Component JNC.Google.NavionicsOverlay

Navionics NauticalChart base-overlay with different logo settings: with logo payoff

This example shows how to draw multiple Navionics overlay based on Google maps with different logo settings. Logo can be shown with or without payoff. This overlay shows Navionics logo with payoff


// The Google Map Engine options
var gMapNauticalOptions = {
    zoom: 14,
    center: gibilterra,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
// Creation of  Google Map Engine
var gMapNautical = new google.maps.Map(document.getElementById("nautical-map-container"), gMapNauticalOptions);
//Navionics NauticalChart
var navionics_nauticalchart_layer = new JNC.Google.NavionicsOverlay({
    navKey: "****",
    chartType: JNC.Google.NavionicsOverlay.CHARTS.NAUTICAL,
    // Enable Navionics logo with payoff
    logoPayoff: true,
    // Since we draw multiple NavionicsOverlay on the same page, we have to pass the id of the div containing every instance
    divId: 'nautical-map-container'
    });
                        
gMapNautical.overlayMapTypes.insertAt(0, navionics_nauticalchart_layer);

Navionics NauticalChart base-overlay with different logo settings: without logo payoff

This overlay shows Navionics logo without payoff


// The Google Map Engine options
var gibilterra = new google.maps.LatLng(36.140751,-5.353585);
var gMapNauticalOptions = {
    zoom: 14,
    center: gibilterra,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
    
var gMapNautical2 = new google.maps.Map(document.getElementById("sonar-map-container"), gMapNauticalOptions);
    
//Navionics SonarChart
var navionics_sonarchart_layer = new JNC.Google.NavionicsOverlay({
    navKey: "****",
    chartType: JNC.Google.NavionicsOverlay.CHARTS.SONAR,
    // Enable Navionics logo without payoff (Default behaviour)
    logoPayoff: false,
    // Since we draw multiple NavionicsOverlay on the same page, we have to pass the id of the div containing every instance
    divId: 'sonar-map-container'
});
    
gMapNautical2.overlayMapTypes.insertAt(0, navionics_sonarchart_layer);