How to load leaflet.js and leaflet plugins with dojo AMD

<script type=”text/javascript”> var dojoConfig = { baseUrl: ‘/lib’, async: true, packages: [ {name: ‘Leaflet’, location: ‘./Leaflet’} ], map: { // lets you switch between minified and source version of leaflet for development ‘*’: { ‘Leaflet/leaflet’: ‘Leaflet/leaflet-src’ } } }; </script> <script type=”text/javascript” src=”lib/dojo/dojo.js”></script> <script type=”text/javascript”> require([ ‘require’, ‘Leaflet/leaflet’ ], function(require, L) { // load plugin […]

How to import c3.js with the dojo AMD loader

I came across the nice chart library c3.js, which is based on d3.js. In order to load it via an AMD require call with dojo, you also need to set the main property in the dojoConfig, e.g.: dojoConfig = { packages: [ { name: ‘d3’, location: ‘../../../d3’, main: ‘d3’ } { name: ‘c3’, location: ‘../../../c3’, […]

How to use Google Maps API with Dojo and AMD

If you are using AMD or RequireJS for your JavaScripts and you would also like to use the Google Maps JavaScript API you have a problem. You can’t just require in the script file and then access the google.maps object from within your script, e.g.: require([‘http://maps.googleapis.com/maps/api/js?client=YOUR_CLIENT_ID’], function() { var myMap = new google.maps.Map(mapDiv, mapOptions); } […]

How to Generate JavaScript Documentation with JSDoc 3 and PhpStorm

This guide is outdated. I wrote the new tutorial Use JSDoc 3 and PhpStorm to generate JavaScript documentation This is an update to my previous article How to create JavaScript documentation in PhpStorm, since the JsDoc Toolkit is no longer under active development. It got replaced by JSDoc 3, with better support for current coding […]