OpenLayers & Nautical Charts Web SDK.

 OpenLayers is an advanced javascript framework for manipulating geospatial data in the web browser. With our latest enhancements to the web SDK, the OpenLayers framework is now fully compatible with the Marine Charts Web SDK.

With the latest version, its as simple as the following. 

<!--  Create nautical_layer layer. It can be passed in the map constructor or added via addLayer  -->
var nautical_layer = blc_ol_nautical_layer.BlcOlNauticalLayer({ container:'map',.....
}
);

No other changes to your OpenLayers project are required.

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

i-Boating Marine & Lake Maps Web SDK update

 The i-Boating Marine & Lake Maps Web SDK has had a major update. It now supports popular web mapping libraries out of  the box. With just a  few lines of code, now you can add nautical charts & lake maps to your web project.

The following popular web mapping frameworks are supported:

• Leaflet
• Openlayers
• Google Maps
• Bing Maps V8
• Azure Maps
• Mapbox GL JS

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

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.