2. Fórumok
  3. Szoftverfejlesztés
  4. JavaScript topic
Keresés
  • Fototrend
    Frissítve: 2014-02-25 10:20 Téma összefoglaló
    Fototrend

    JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)

Új hozzászólás Aktív témák

  • kw3v865 kw3v865 senior tag
    #8227
    #8223 nevemfel
    Új Válasz
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    kw3v865
    kw3v865
    senior tag
    #8223 nevemfel
    #8223 nevemfel

    <!DOCTYPE html>
    <html>
      <head>
        <meta
          name="viewport"
          content="initial-scale=1,maximum-scale=1,user-scalable=no"
        />
        <link rel="stylesheet" href="maplibre-gl.css" />
        <style>
          #map {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 100%;
          }
        </style>
      </head>
      <body>
        <div id="map"></div>
        <script type="module">
            import { Map, GeolocateControl } from './maplibre-gl.js';
            const mapTilerKey = "get_your_own_OpIi9ZULNHzrESv6T2vL";  // https://cloud.maptiler.com/account/keys/
            const map = new Map({
                container: "map",
                style: `https://api.maptiler.com/maps/hybrid/style.json?key=${mapTilerKey}`,
                center: [1, 15],
                zoom: 3
            });
            map.addControl(
                new GeolocateControl({
                    positionOptions: {
                        enableHighAccuracy: true
                    }
                })
            );
        </script>
      </body>
    </html>

    Innen lehúzhatod a css-t: [link]
    Ez meg a js: [link]

    Nem egyszerű megoldás, de ez a lib eléggé friss még. Majd alakul.

    Tökéletes, köszönöm szépen! Pont erre a JS-re volt szükségem.

Új hozzászólás Aktív témák