Как использовать файлы библиотеки Openlayers3 в codeigniter Просмотр файлов - PullRequest
Новая
       5

Как использовать файлы библиотеки Openlayers3 в codeigniter Просмотр файлов

0 голосов
/ 27 октября 2018

Я пытаюсь использовать openlayers в моем codeigniter для отображения некоторой информации о карте, когда пользователь посещает какое-то место.

Но я застрял на начальном этапе.Я знаю, что это глупый вопрос, но мне действительно нужно его использовать.

Я могу использовать библиотеки Openlayer, такие как Vector, GeoJSON и т. Д., На main.js, как это указано на их веб-сайте, запустив node.JS.

Но в codeignite я хочу использовать его на определенной странице просмотра.Итак, как мне импортировать эти js-файлы на определенной странице просмотра.

Допустим, у меня есть модули openlayer в корневом фоллере 

Like
Porject
-- Application
-- openlayers_modules

//, в которых есть папка ol,- system 

-- 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';

Uncaught SyntaxError:Неожиданный идентификатор

Поэтому мой вопрос заключается в том, как мы можем реализовать его на определенной странице представления в приложении codeigniter с узлом js или без узла js.

Любая помощь приветствуется.Спасибо

1 Ответ

0 голосов
/ 30 октября 2018

Я не могу помочь вам с узлом. Но вы можете сделать это без использования узла. Просто свяжите openalyer с cdn и все готово. 

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

Но вы не можете использовать последнюю версию openlayer. А также код немного отличается.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
    })
  });

Используйте эту ссылку , чтобы найти весь пример

...