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

SOG Cam Lao Nam	GulfCoast	Saint Kapaulio

Sefrouramal	Vidda	Kerama

Mull of Kintyre	Scottish Highlands	Deniland

Weferlingen	G.O.S Leskovets	Hellanmaa

Bozcaada	G.O.S Kalu Khan	UMB Colombia

North Takistan	Bastek	Reshmaan Province

Al Salman, Iraq	MBG Celle 2	Fapovo v1.9

Hebontes	Shapur	Southern Sahrani

Porto	CFB Moosehead	BELAVEZHSK

Shanghai - Nanjing 1937	Yangtze Landing Zone	Mountain Passes

Jungle Skirmish	Niakala	Rut Mandol

Šumava	Fallujah 2.0	Armavir

Albasrah	Archipelago	Wake Island

Tembelan Island	Diego Garcia	Senkaku Islands 2035

BETA-42m Bovington Test Area	UKAF BATUS 40km	Mutambara

SOG Khe San	SOG The Bra	Pecher

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

habitualdev / Arma3Map