I was looking for a website that included a map of all the music schools in Luxembourg. Unfortunately, I could not find one, so I decided to create one.<\/p>\n
I started by laying out my requirements: one, a list of all the music schools’ addresses. Two, a Luxembourg map in a GeoJSON form. Three, a Javascript library to create the project.<\/p>\n
I received approximately 120 addresses of music schools and institutions from the Luxembourg public repository<\/a>. I used a supplemental Luxembourg map (shapefile) from The Luxembourgish data platform<\/a>. The initial map was too detailed for my project. Therefore, I uploaded the shapefile into QGIS<\/a> (free software) to reach a reasonable output that could be loaded faster by minimizing the details up to 100 meters. The result was a 130kb file, instead of a 1.6 MB file, with details of 102 communes of Luxembourg to give an impression of relative distances. Then, I exported the file as geoJSON, added the header Next, I simply transposed the geocoded schools’ addresses locations on the Luxembourg map. I got inspired by the Highcharts Maps simple flight routes demo<\/a>.<\/p>\n
\nFor the library, I choose Highcharts Maps because it uses JavaScript and offers various maps<\/a>, including the map of Luxembourg. However, the map was not detailed enough for my project! So I had to make some changes and add customization. Luckily Highcharts offers a step-by-step tutorial on how to create a custom map<\/a>; the steps are very simple to follow.<\/p>\nHighcharts.maps[\"Luxembourg\"]<\/code>, and changed the extension to .JS<\/code>.<\/p>\n