OpenStreetMap na stronie

0

Witam,
Implementował już ktoś OpenStreetMap?

To nie jest do końca darmowe czy ja czegoś nie czaję?
Doszedłem do takiego szablonu:

<!DOCTYPE html>
<html>
  <head>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/openlayers/2.13.1/OpenLayers.js' type='text/javascript'></script>
    <style type="text/css">#map .olControlAttribution {bottom: 5px}</style>
    <script type='text/javascript'>
      function initMap() {
        var apiKey = 'private-youmound-youmound-23f6e60e';
        var host = 'https://maps.omniscale.net/v2/' + apiKey + '/style.grayscale/${z}/${x}/${y}.png';


        var attribution = '© 2018 · <a href="https://maps.omniscale.com/">Omniscale</a> ' +
            '· Map data: <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>';

        var layer = new OpenLayers.Layer.XYZ("TMS", host, {attribution: attribution});

        var map = new OpenLayers.Map('map', {
          center: new OpenLayers.LonLat(915046, 7008963),
          zoom: 13,
          layers: [layer],
          projection: new OpenLayers.Projection('EPSG:3857')
        });
      };
    </script>
  </head>
  <body onload='initMap()'>
    <div id='map' style='height: 400px; width: 400px;'></div>
  </body>
</html>

Ale z tego wynika, że mam API KEY na 14 dni ... a potem co? bulić?
Nic innego sensownego nie znalazłem ... Więc nawet do końca nie wiem jak się do nich dobrać aby w ogóle wyswietlić mapę a później nanieść markery koordynantów
PS czy tylko ja mam mapę w kolorach szarości z tego szablonu?

0

Jak masz ustawione "style.grayscale" to się niew że masz szarą mapę. Co do ograniczenia, nie wiem skąd ci wynika że masz na 14 dni.

0

Z informacji o długości życia klucza API.

apikey.png

0

Przecież omniscale to nie jest open street map - oni tylko korzystają z ich map.

Tutaj masz oficjalną wiki od OSM: https://wiki.openstreetmap.org/wiki/Tiles
A tutaj layer: https://a.tile.openstreetmap.org/${z}/${x}/${y}.png

1 użytkowników online, w tym zalogowanych: 0, gości: 1