
<html>

  <head>

      <title></title>

<i></i>

<script src="http://openlayers.org/api/OpenLayers.js"></script>

<script src="natural_tree_24-11-2022.geojson"></script>

<script type="text/javascript">

var lat=49.77984;

var lon=18.43688;

var zoom=19;

var map;


function init(){

    map = new OpenLayers.Map( 

       "map", {

         controls:[

            new OpenLayers.Control.Navigation(),

            // new OpenLayers.Control.PanZoomBar(),

            new OpenLayers.Control.LayerSwitcher(),

            new OpenLayers.Control.Attribution()],

            maxExtent:new OpenLayers.Bounds(-180.0,-85.0511288,180.0,85.0511288),

            // maxResolution: 156543.0399,

            numZoomLevels: 19,

            units: 'm'

        }            

    
     );

    /*layer = new OpenLayers.Layer.WMS( "OpenLayers WMS", 

            "http://vmap0.tiles.osgeo.org/wms/vmap0",

            {layers: 'basic'} );*/

    osm = new OpenLayers.Layer.OSM();        

    map.addLayer( osm );

    
    map.setCenter(new OpenLayers.LonLat(lon, lat)

     .transform(

       // Mercatorova projekce, kód EPSG:4326

        new OpenLayers.Projection("EPSG:4326"),

          map.getProjectionObject()

          )

     , zoom);

     
    var featurecollection =

      geojson_natural_trees;

//      geojson_natural_trees;

   var geojson_format = new OpenLayers.Format.GeoJSON();

   var vector_layer = new OpenLayers.Layer.Vector(); 

   vector_layer.addFeatures( geojson_format.read(featurecollection));

   map.addLayer(vector_layer);


}

</script>

</head>

<body onload="init()">

    <div id="map" class="smallmap"></div>

    </div>

</body>

</html>