[Guide] Changing the Look of the ACARS Map

[magicflyer]

How to Change the Look of the ACARS Map

As usual, We highly suggest backing up before making any changes.

1. Find the Style you want on https://snazzymaps.com

2. Click on "COPY" by the Code Snippet

3. Open up the file "acarsmap.tpl" located in your skins folder

4. Around line 38, BEFORE the acars_map_default variable add the following code:

var myStyle = PASTE HERE

5. Paste what you copied in step #2 where it says "PASTE HERE" in the snippet above.

6. INSIDE the acars_map_default variable add the following code:

var acars_map_defaults = {
autozoom: true,
 styles: myStyle, // <-- ADD THIS
zoom: 4,
 center: new google.maps.LatLng("<?php echo Config::Get('MAP_CENTER_LAT'); ?>", "<?php echo Config::Get('MAP_CENTER_LNG'); ?>"),
 mapTypeId: google.maps.MapTypeId.TERRAIN,
 refreshTime: 10000
};

Note the comma at the end to indicate a separate property for the Google Map. So....let's wrap up. Here's the final code:

var myStyle = PASTE HERE
var acars_map_defaults = {
autozoom: true,
 styles: myStyle, // <-- ADD THIS
zoom: 4,
 center: new google.maps.LatLng("<?php echo Config::Get('MAP_CENTER_LAT'); ?>", "<?php echo Config::Get('MAP_CENTER_LNG'); ?>"),
 mapTypeId: google.maps.MapTypeId.TERRAIN,
 refreshTime: 10000
};

[atulumello]

Very helpful. Thank you!

[dohavik]

Thank you very much for the interesting post

[Ariel]

To this day ...this still works...thank you so much!!!