如何使用笨查看文件Openlayers3库文件

我想使用的OpenLayers我笨用于显示当用户访问一些地方的一些地图信息。

但是，我停留在初级阶段。我知道这是一个愚蠢的问题，但我真的需要使用它。

我可以使用Openlayer图书馆的像载体外，GeoJSON等。在main.js，因为它是在他们的网站运行node.js中提到的

但在笨我想在一个特定的视图页面中使用它。所以，我怎么能导入特定视图页面的js文件。

比方说，我有我的openlayer模块的根文件夹

Like
Porject
-- Application
-- openlayers_modules 

//具有在其内部醇文件夹。 - 系统

-- stylesheets
-- index.php

在一个正常的方式，我们用它作为index.html，然后main.js，都是在根文件夹。

我有点困惑如何使用它。

如果我使用这些JS文件的视图文件前：lightning.php话，就说明像

<script type="text/javascript">
import Map from 'ol/Map.js';
import View from 'ol/View.js';
import GeoJSON from 'ol/format/GeoJSON.js';
import VectorLayer from 'ol/layer/Vector.js';
import VectorSource from 'ol/source/Vector.js';
import {Fill, Stroke, Style, Text} from 'ol/style.js';

未捕获的SyntaxError：意外标识符

所以我的问题是我们如何能够实现它与节点JS或无节点的JS笨应用程序的特定视图页面上。

任何帮助是赞赏。谢谢

我不能帮你节点。但你可以做到这一点，而无需使用节点。只需使用CDN和它的好去链接openalyer。

<link rel="stylesheet" href="https://openlayers/en/v3.20.1/css/ol.css" type="text/css">
<script src="https://openlayers/en/v3.20.1/build/ol.js"></script>

但你不能使用最新版本的开放层。而且代码是有点different.i.e：

 var map = new ol.Map({
    layers: [
      new ol.layer.Tile({
        source: new ol.source.OSM()
      })
    ],
    target: 'map',
    controls: ol.control.defaults({
      attributionOptions: /** @type {olx.control.AttributionOptions} */ ({
        collapsible: false
      })
    }),
    view: new ol.View({
      center: [0, 0],
      zoom: 2
    })
  });

使用此link找到所有例子