Git Product home page Git Product logo

arma3map's Introduction

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

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/[email protected]/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/[email protected]/dist/leaflet.js"></script>
    <script src="https://unpkg.com/[email protected]/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 :

arma3map's People

Contributors

jetelain avatar armedveteran avatar randomusernamethatisnotyettaken avatar bigmanjapans avatar nilia119 avatar wyeks avatar formtapez avatar artyomfr avatar chocolatetilt avatar ianespana avatar zukaaaaa avatar dependabot[bot] avatar draniak avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.