Skip to content

Latest commit

 

History

History
306 lines (244 loc) · 37.3 KB

README.md

File metadata and controls

306 lines (244 loc) · 37.3 KB
Raw

Arma3Map

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

This repository is deprecated, it's being replaced by https://github.com/jetelain/GameMapStorage/wiki.

You can still create PR on this repository, a bridge exists to import data on the new system.

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

See also

My projects powered by Arma3Map :