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

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

<!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

See also

My projects powered by Arma3Map :