feat: added map type for postcode map

As soon as davwheat sends me the map, I will upload the images. This update just gets the interface for said images.

Author: TGRHavoc

index.php

@@ -71,10 +71,8 @@
 
 	<script src="js/jquery-3.2.1.min.js"></script>
 	<script src="js/bootstrap.min.js"></script>
-
-	<!-- Change the key below -->
 	<script type="text/javascript" src="https://maps.google.com/maps/api/js"></script>
-
+	
 	<script>
 
 	///////////////////////////////////////////////////////////////////////////
@@ -83,18 +81,21 @@
 	var _MAP_tileURL = "<?php echo $config->mapTileUrl; ?>";
 	var _MAP_iconURL = "<?php echo $config->mapIconUrl; ?>";
 
-	// Set if to show Atlas map (WARNING: REQUIRES "atlas" TILE DIRECTORY)
+	// Sets whether it should showSets whether it should show Atlas map (WARNING: REQUIRES "atlas" TILE DIRECTORY)
 	var _MAP_atlasMap = <?php echo json_encode($config->atlasEnabled); ?>;
 
-	// Set if to show Satellite map (WARNING: REQUIRES "satellite" TILE DIRECTORY)
+	// Sets whether it should show Satellite map (WARNING: REQUIRES "satellite" TILE DIRECTORY)
 	var _MAP_satelliteMap = <?php echo json_encode($config->satelliteEnabled); ?>;
 
-	// Set if to show Road map (WARNING: REQUIRES "road" TILE DIRECTORY)
+	// Sets whether it should show Road map (WARNING: REQUIRES "road" TILE DIRECTORY)
 	var _MAP_roadMap = <?php echo json_encode($config->roadEnabled); ?>;
 
-	// Set if to show UV Invert map (WARNING: REQUIRES "uv-invert" TILE DIRECTORY)
+	// Sets whether it should show UV Invert map (WARNING: REQUIRES "uv-invert" TILE DIRECTORY)
 	var _MAP_UVInvMap = <?php echo json_encode($config->uvInveredEnabled); ?>;
 
+	// Sets whether it should show Postcode map (WARNING: REQUIRES "postcode" TILE DIRECTORY)
+	var _MAP_PostcodeMap = <?php echo json_encode($config->postcodeEnabled); ?>;
+
 	// Set to the IP of the GTA server running "live_map" and change the port to the
 	// number that is set
 	var _SETTINGS_socketUrl = "<?php echo $config->socketUrl(); ?>";

js/src/map.js

@@ -50,7 +50,7 @@ function getNormalizedCoord(coord, zoom) {
     };
 }
 
-
+// Start atlas
 var mapAtlasOptions = {
     getTileUrl: function(coord, zoom) {
         var normalizedCoord = getNormalizedCoord(coord, zoom);
@@ -66,6 +66,9 @@ var mapAtlasOptions = {
 };
 var mapAtlas = new google.maps.ImageMapType(mapAtlasOptions);
 mapAtlas.projection = new EuclideanProjection();
+//End atlas
+
+//Start satellite
 var mapSatelliteOptions = {
     getTileUrl: function(coord, zoom) {
         var normalizedCoord = getNormalizedCoord(coord, zoom);
@@ -81,6 +84,9 @@ var mapSatelliteOptions = {
 };
 var mapSatellite = new google.maps.ImageMapType(mapSatelliteOptions);
 mapSatellite.projection = new EuclideanProjection();
+//end satellite
+
+//start road
 var mapRoadOptions = {
     getTileUrl: function(coord, zoom) {
         var normalizedCoord = getNormalizedCoord(coord, zoom);
@@ -96,6 +102,9 @@ var mapRoadOptions = {
 };
 var mapRoad = new google.maps.ImageMapType(mapRoadOptions);
 mapRoad.projection = new EuclideanProjection();
+//end road
+
+//start UV
 var mapUVInvOptions = {
     getTileUrl: function(coord, zoom) {
         var normalizedCoord = getNormalizedCoord(coord, zoom);
@@ -111,6 +120,25 @@ var mapUVInvOptions = {
 };
 var mapUVInv = new google.maps.ImageMapType(mapUVInvOptions);
 mapUVInv.projection = new EuclideanProjection();
+//end uv
+
+// Postcode map
+var mapPostcodeOptions = {
+    getTileUrl: function(coord, zoom) {
+        var normalizedCoord = getNormalizedCoord(coord, zoom);
+        if (!normalizedCoord || normalizedCoord.x > bounds[zoom] || normalizedCoord.y > bounds[zoom]) {
+            return null;
+        }
+        return _MAP_tileURL + 'postcode/' +  zoom + '_' + normalizedCoord.x + '_' + normalizedCoord.y + '.png';
+    },
+    tileSize: new google.maps.Size(256, 256),
+    maxZoom: 7,
+    name: "Postcode",
+    alt: "GTA V Postcode Map"
+};
+var mapPostcode = new google.maps.ImageMapType(mapPostcodeOptions);
+mapPostcode.projection = new EuclideanProjection();
+//end postcode
 
 function mapInit(elementID) {
     _MAP_markerStore = [];
@@ -120,6 +148,7 @@ function mapInit(elementID) {
     _MAP_satelliteMap ? mapID.push("Satellite") : null;
     _MAP_roadMap ? mapID.push("Road") : null;
     _MAP_UVInvMap ? mapID.push("UV Invert") : null;
+    _MAP_PostcodeMap ? mapID.push("Postcode") : null;
     var mapOptions = {
         backgroundColor: "#0fa8d2",
         minZoom: 3,
@@ -138,6 +167,7 @@ function mapInit(elementID) {
     _MAP_satelliteMap ? map.mapTypes.set("Satellite", mapSatellite) : null;
     _MAP_roadMap ? map.mapTypes.set("Road", mapRoad) : null;
     _MAP_UVInvMap ? map.mapTypes.set("UV Invert", mapUVInv) : null;
+    _MAP_PostcodeMap ? map.mapTypes.set("Postcode", mapPostcode) : null;
     map.setMapTypeId("Atlas");
     google.maps.event.addListener(map, "maptypeid_changed", function() {
         var type = map.getMapTypeId();
@@ -162,6 +192,11 @@ function mapInit(elementID) {
                     "background-color": "#f2f0b6"
                 });
                 break
+            default:
+                $("#" + elementID).css({
+                    "background-color": "#0fa8d2"
+                });
+                break;
         }
     });
 }

utils/config.php

@@ -66,6 +66,9 @@ class Config{
     // Controls whether the uv-invert map is enabled or not
     // (WARNING: REQUIRES "uv-invert" TILE DIRECTORY INSIDE "mapTileUrl"
     public $uvInveredEnabled = true;
+    // Controls whether the post-code map is enabled or not
+    // (WARNING: REQUIRES "postcode" TILE DIRECTORY INSIDE "mapTileUrl"
+    public $postcodeEnabled = false;
 
     // Do you want to show the player's identifiers on the map?
     // Note: THIS MAY BE THE PLAYER'S IP ADDRESS
@@ -99,7 +102,7 @@ public function blipUrl(){
     }
 
     private static $instance = NULL;
-    
+
     public static function getConfig(){
         if (is_null(self::$instance)){
             self::$instance = new self();