Tag: openlayers 3

如何使用OpenLayers和react-starter-kit？

我在基于react-starter-kit的项目中运行OpenLayers3 Map时遇到了问题。 我试图添加简单的地图来反应组件。 我所做的是： 运行npm install openlayers 将import ol from 'openlayers'添加到ContactPage.js 创build简单的地图 componentDidMount(){ var map = new ol.Map({ target: 'map', layers: [ new ol.layer.Tile({ source: new ol.source.MapQuest({layer: 'sat'}) }) ], view: new ol.View({ center: ol.proj.transform([37.41, 8.82], 'EPSG:4326', 'EPSG:3857'), zoom: 4 }) }); } 将渲染函数<div id="map" className="map"></div> jsx部分添加<div id="map" className="map"></div> 运行npm start。 我得到一个错误： …\node_modules\openlayers\dist\ol.js:7 module.exports = […]

使用NPM和Webpack打开图层

我试图导入打开图层3到我的应用程序使用NPM和Webpack捆绑，但我收到错误和地图不呈现： ./~/openlayers/dist/ol.js关键依赖关系：567：411-418这似乎是一个预先构build的JavaScript文件。 虽然这是可能的，但不推荐。 尝试要求原始来源获得更好的结果。 @ ./~/openlayers/dist/ol.js 567：411-418 导入打开的图层使用： import ol from 'openlayers'; 我试过在noParse中使用noParse选项： noParse: /dist\/ol.js/没有运气。 如何在NPM和Webpack中使用Open Layers？

OpenLayers v3与Webpack

您好，我目前正在使用OpenLayers v3与Webpack。 当我不使用UglifyJS时，它工作正常。 但是，当我添加我的uglifyJSconfiguration的时候，它不会再编译了 我的UglifyJSconfiguration new webpack.optimize.UglifyJsPlugin({ minimize: true, sourceMap: false, compress: { warnings: false, sequences: true, dead_code: true, conditionals: true, booleans: true, unused: true, if_return: true, join_vars: true, drop_console: true } }), 我得到这个错误 from UglifyJs RangeError: Maximum call stack size exceeded 我正在使用dist/ol.js文件。 任何想法如何解决这个问题？

Openlayers 4构build不起作用

我分叉官方openlayers回购，我按照从这里的指示进行本地构build，但是当我运行“make build”时出现以下错误： node tasks/build.js config/ol.json build/ol.js info ol Parsing dependencies ERR! SyntaxError: Unterminated string constant (10:2) D:\openlayers\openlayers\src\ol\render\webgl\circlereplay\defaultshader.js:10 'pre ^ make: *** [Makefile:243: build/ol.js] Error 1 我的环境包括： Windows 8.1 Cygwin 2.8.2 GNU Make 4.2.1 Python 2.7.13 npm 3.10.10 Java 1.8.0_131-b11

不能在webpack中使用openlayers-3

我必须在我正在开发的一个项目中包含openlayers。 我已经试过把它包括在一个ext文件夹和npm。 我在我的工作stream程中使用Webpack。 在编译时，我在控制台中得到以下警告。 WARNING in ./~/openlayers/dist/ol.js Critical dependencies: 730:1111-1118 This seems to be a pre-built javascript file. Though this is possible, it's not recommended. Try to require the original source to get better results. @ ./~/openlayers/dist/ol.js 730:1111-1118 任何想法是什么？

在node.js应用程序中的openlayers-3？

我有兴趣在node.js应用程序中使用ol3（例如用于阅读GeoJSON的ol.format API）。 这是一个支持的用例吗？ 我问，因为它似乎不工作，只是运行npm install openlayers ，然后要求。 由于window.navigation不存在于node.js环境中，所以var ol3 = require('openlayers')在查找window.navigation对象的geolocation属性的代码上失败 TypeError：无法使用'in'运算符在OPENLAYERS（/ home / me / src / ol3）的/home/me/src/ol3/node_modules/openlayers/dist/ol.js:144:823未定义处搜寻「地理位置」 /node_modules/openlayers/dist/ol.js:9:22）。 （/home/me/src/ol3/node_modules/openlayers/dist/ol.js:13:2）在Module._compile（module.js：460：26）在Object.Module._extensions..js（module.js ：module.js：355：32）在Module.require（module.js：365：17）上的Function.Module._load（module.js：310：12）的.js：384：17）

node.js和geoserver CORS

我有node.js服务器0.10.12和express.js 4.8.5。 Node.js是Web服务器，包含openlayers 3.9.0。 Geoserver 2.1.3服务于WMS层。 之后，我将实现vector图层。 只有一个路线（索引页面） var routes = require('./routes/index'); index.js包含 var express = require('express'); var router = express.Router(); router.get('/', function(req, res, next) { res.render('index', { title: 'openlayers3 testing', head: 'Welcome' }); next(); }); module.exports = router; 所以app.js有 var routes = require('./routes/index');//explained above var app = express(); // view engine setup app.set('views', path.join(__dirname, […]