Mapbox GL JS & Nautical Charts

 Mapbox GL JS is a javascript library for interactive vector maps on the web.  The  i-Boating Marine Charts Web SDK is now fully compatible with this mapping library.

With a few lines of javascript code, you can now add nautical charts overlay to your mapbox gl js web application.

Its as easy as this.

<!-- This will add nautical charts overlay to your mapbox gl js app -->

            new blc_mapbox_nautical.BlcMapboxAdatper(map, { container: 'nautical_map', blc_access_token:'BLC_ACCESS_TOKEN' });

If you wish to add marine charts and lake maps to your web-application, contact us for a trial key and pricing.

Nautical Charts & Azure Maps

 Azure Maps for the web is an advanced GeoSpatial API to build intelligence location aware apps. The i-Boating Marine Charts Web SDK is now fully compatible with Azure maps.

 With just a few lines of javascript SDK, now you can add Nautical Charts to your Azure maps web application.

Its as easy as this.

<!--  This will add Nautical Charts overlay over Azure Maps -->

          new blc_azure_nautical.BlcAzureAdatper(map, { container: 'nautical_map', blc_access_token:'BLC_ACCESS_TOKEN' });

If you wish to add marine charts and lake maps to your web-application, contact us for a trial key and pricing.

Bing Maps & Nautical Charts

 Bing Maps API, an excellent feature rich mapping platform by Microsoft is fully compatible with i-Boating Marine Charts SDK. 

Adding nautical charts overlay to Bing Maps is as simple as adding a few lines of javascript code.

<!-- This will add nautical charts overlay on Bing Base Map -->

            var overlay = new BlcNauticalOverlay(map, { blc_access_token:'YOUR_ACCESS_TOKEN' } );

           //Add the custom overlay to the map.

            map.layers.insert(overlay);

If you wish to add marine charts and lake maps to your web-application, contact us for a trial key and pricing.

Google Maps with Nautical Charts

 The i-Boating Web SDK is compatible with Google Maps Javascript API. If you have a web project built on Google Maps platform and if you wish to add marine charts and lake maps layer to your project with minimal changes, the i-Boating Marine Charts SDK is the ideal solution for you.

Its as easy as:

<!-- This will add Nautical Charts overlay over Google Maps  -->

const overlay = new BlcNauticalOverlayGoogle(map, {blc_access_token:'BLC_ACCESS_TOKEN'});

  overlay.setMap(map);

If you wish to add marine charts and lake maps to your web-application, contact us for a trial key and pricing.

Using Leaflet to render Nautical Charts and Lake Maps.

 Leaflet, the open source javascript library for web-mapping applications is fully compatible with the i-Boating Web SDK. If you have a web-mapping project built using Leaflet, now you can easily add a nautical chart layer to your project.

You can add nautical charts to your leaflet map with a  few lines of code.

Its as easy as this.

<!--  This will add nautical charts to the map -->

var gl = L.blcGL({

    blc_access_token:'BLC_ACCESS_TOKEN'

}).addTo(map);

If you wish to add marine charts and lake maps to your web-application, contact us for a trial key and pricing.