Region Map Implementations

The menu item Findings by Region has mini-maps on the webpages. This documentation describes how they are implemented.

Overview

• For every individual region map, we have a separate PHP file (the code for each map) and .js files (GeoJSON data) stored in the /js-custom folder.
• The dbconnect.php file is common to all the individual map: This file needs to be combined with the global credentials file.
• The following are the files for individual map viz.

Leaflet code (JS code for loading maps)

• EastAsiaMap.php
• EuropeMap.php
• LatinAmericaMap.php
• MidEastMap.php
• NorthAmericaMap.php
• SouthAsiaMap.php
• SubSaharanMap.php

GeoJSON code (data)

• EastAsia.js
• EuropeCentralAsia.js
• LatinAmericaCarr.js
• MidEast.js
• NorthAmerica.js
• SouthAsia.js
• SubSaharanAfrica.js

Common to above

• dbconnect.php

dbconnect.php

• This file is used to get the data from the MySQL database.
• $mapreg gets the country region from the individual PHP files
• The query is stored in the $myquery variable which gets the count of organization and the name of a particular country for that particular region
• The data is then passed to the PHP file using the $data variable.

Leaflet Code in any of the PHP file

• The code in all the PHP files is very much the same and can be combined into a single file in the future.
• It sets the mapreg variable to the particular region and then calls the dbconnect.php file.
• Next step is to set the base map layer using the maplayer variable.
• The map variable is used to set the zoom of the map and the boundaries.
• Info.Add is used to add the Information on the top right of the map.
• Getcolor function is used to get the color of the country according to the number of organizations.
• Style function is used to style the data.
• The highlightFeature function is activated when the mouse hovers over a particular country.
• The resetHighlight is activated as soon as you hover away from the region
• OnEachFeature is used to process the GeoJSON data and respond to mouseover and mouseout events.
• Count contains the total number of rows acquired from the dbconnect.php file.
• Regions variable contains the geoJSON data for which we use the for loop to process and manipulate.
• We match the ios2 code from $data.iso2 obtained from dbconnect.php file and the iso2 code from regions to change the regions.AREA property to the number of organizations for that particular country.
• The legend.onAdd is used to add the legend on the bottom right of the map