Openlayers - ol is not defined

Question

I'm trying to run the map, with this code:

var map = new ol.Map({
    target: 'map',
    layers: [
      new ol.layer.Tile({
        source: new ol.source.OSM()
      })
    ],
    view: new ol.View({
      center: ol.proj.fromLonLat([{{$obj->config['longitude']}}, {{$obj->config['latitude']}}]),
      zoom: 17
    })
});

var layer = new ol.layer.Vector({
    source: new ol.source.Vector({
        /*
        features: [
            new ol.Feature({
                geometry: new ol.geom.Point(ol.proj.fromLonLat( [ {{$obj->config['longitude']}}, {{$obj->config['latitude']}} ] ))
            })
        ]
        */
    })
});

When I use code library from openlayers CDN everythig works fine. Problem occurs when I try to compile my own library. In this case map doesn't show. Console showing error:

ReferenceError: ol is not defined

My library is compiled in Laravel by npm:

import 'ol/ol.css';
import {Map, View} from 'ol';
import TileLayer from 'ol/layer/Tile';
import OSM from 'ol/source/OSM';

It seems to me that the problem is due to the lack of importing a file but I don't know which one.

You have imported `Map` and `View` from ol, jut use `Map(...)` now instead of `ol.Map` — Vaibhav Vishal, Aug 13 '19 at 10:06
If you really want to write `ol.Map(...)`, your import should be like this: `import ol from 'ol';` instead of `import {Map, View} from 'ol';`. — Vaibhav Vishal, Aug 13 '19 at 10:08

Openlayers - ol is not defined

0 Answers0