Arma3Map

Tool to display Arma 3 maps in a web browser using Leaflet.

Supported maps

Tanoa	X-CAM Taunus	Kujari

Altis	Malden	Island Panthera

Livonia (enoch)	Lythium	Virolahti - Valtatie 7

Stratis	Uzbin Valley	Anizay

Pulau	Ruha	Suursaari

Aliabad Region	Hazar-Kot Valley	Bystrica

Chernarus (Autumn)	Chernarus (Summer)	Chernarus (Winter)

Sahrani	United Sahrani	Takistan

Takistan Mountains	Zargabad	Everon

Chongo	Southeast Angola	Dingor

Lingor	Isla Abramia	Isla Duala

Clafghan	Diyala	G.O.S Al Rayak

G.O.S Dariyah	G.O.S N’Djenahoud	G.O.S N’ziwasogo

Khoramshahr (Beta)	Kunduz, Afghanistan Lighting Revival	RHSPKL

VT5 - Valtatie 5	Esseker	Hindu Kush

PR F.A.T.A	Rosche, Germany	Sangin.v4

Yellowstone	Napf Island A3	NapfWinter Island A3

Chernarus 2020	Chernarus A3S	Beketov

Cam Lao Nam	GulfCoast	Saint Kapaulio

Sefrouramal	Vidda	Kerama

Mull of Kintyre	Scottish Highlands	Deniland

Weferlingen	G.O.S Leskovets	Hellanmaa

North Takistan

Content under

How to use

Base map

Each map have a js file that provides informations to configure Leaflet: https://jetelain.github.io/Arma3Map/maps/[mapname].js

Alternate CDN (OVH Cloud hosted) : https://mapsdata.plan-ops.fr/maps/[mapname].js

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Tanoa</title>
    <link
      rel="stylesheet"
      href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
    />
    <link
      rel="stylesheet"
      href="https://jetelain.github.io/Arma3Map/css/mapUtils.css"
    />
  </head>
  <body style=" margin:0;padding:0;border:0;">
    <div
      class="map"
      id="map"
      style="width:100%; height:100vh; margin:0;padding:0;border:0;"
    ></div>
    <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"></script>
    <script src="https://unpkg.com/jquery@3.5.1/dist/jquery.min.js"></script>
    <script src="https://jetelain.github.io/Arma3Map/js/mapUtils.js"></script>
    <script src="https://jetelain.github.io/Arma3Map/maps/tanoa.js"></script>
    <script>
      $(function () {
        var mapInfos = Arma3Map.Maps.tanoa;

        // Create map control
        var map = L.map("map", {
          minZoom: mapInfos.minZoom,
          maxZoom: mapInfos.maxZoom,
          crs: mapInfos.CRS,
        });

        // Define tile layer
        L.tileLayer(
          "https://jetelain.github.io/Arma3Map" + mapInfos.tilePattern,
          {
            attribution: mapInfos.attribution,
            tileSize: mapInfos.tileSize,
          }
        ).addTo(map);

        // Center map, and sets default zoom
        map.setView(mapInfos.center, mapInfos.defaultZoom);

        // (optional) Add grid sliders
        L.latlngGraticule().addTo(map);

        // (optional) Add a scale control
        L.control.scale({ maxWidth: 200, imperial: false }).addTo(map);

        // (optional) Add mouse grid position
        L.control.gridMousePosition().addTo(map);
      });
    </script>
  </body>
</html>

Leaflet

Once you have the base map, you can use all Leaflet features and plugins.

In Leaflet APIs, the latitude will be the northing in meters, and the longitude the easting in meters (x=lon, y=lat).

How to help

Export map for Arma3Map