如何使用笨查看文件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找到所有例子