Gebruiker:Glodenox/Technological overview of the Waze Map Editor Geschiedenis weergeven

Warning: this page contains very technical details on how the Waze Map Editor works. This knowledge is not needed to use the map editor, but is very useful information for userscript authors.

OpenLayers (v2.12)

OpenLayers is the library used to display everything on the map within the editor. It can be found in the OL and OpenLayers objects and Waze.map is an instance of OL.Map. OpenLayers is also used for most event handling. Waze uses version 2.12 at the time of writing and will most likely be very hesitant when moving over to a new version as this would break all scripts and require a major rewrite of their code.

More information can be found at openlayers.org/two.

jQuery (v2.2.4)

jQuery is a library that provides shorthands and tools for various commonly occurring tasks in JavaScript. Many of these have now been added to the web standards and can be performed without jQuery. Still, it can be handy to know this library is already available.

More information can be found at jquery.com.

Bootstrap

Bootstrap is a styling library that, amongst others, allows you to arrange elements in a grid. Most sections within the map editor uses Bootstrap for its positioning or styling.

More information can be found at getbootstrap.org.

FontAwesome (v4.7.0)

FontAwesome is a typography library with 675 icons available for use. As icons are smaller and don't require translation, you might be able to make your userscript without even needing to show any text to the user.

More information can be found at fontawesome.io.

Webpack.js

While not visible while using the Waze Map Editor, it can be handy to know that Waze uses Webpack.js to combine several JavaScript files into just two files: app.js and vendor.js. Knowledge of Webpack.js is not needed to write userscripts though.

Various other smaller libraries

Several other smaller libraries are also included:

  • [insert list of jQuery plugins]
  • http://www.daterangepicker.com/
  • ...