openlayers-3

I'm trying to overlay an image over an OpenLayers 3.0 map by adding a point feature to the layer, and setting the icon to the image to load. How can I get it to scale with the map as it is being zoomed? Or is there a better way to overlay an image atop a layer? p=ol.proj.transform( [-78,40],'EPSG:4326','EPSG:3857') var f=new ol.Feature({ geometry: new ol.geom.Point(p) }); var imgStyle=new ol.style.Style({ image: new ol.style.Icon(({ rotateWithView: false, anchor: [.5,.5], anchorXUnits: 'fraction', anchorYUnits: 'fraction', opacity: 0.75, src: 'http://www.viseyes.org/shiva/map.jpg' })) }); f

I am needing to transform GeoJSON vector data from EPSG:4326 to EPSG:3857... I have a map... var olMapDiv = document.getElementById('olmap'); control.map = new ol.Map({ target: olMapDiv, renderer: 'canvas', layers: layers, interactions: ol.interaction.defaults({ altShiftDragRotate: false, dragPan: false, rotate: false }).extend([new ol.interaction.DragPan({ kinetic: null })]), pixelRatio: 1, loadTilesWhileAnimating: true, loadTilesWhileInteracting: true, view: view }); and a view... var view = new ol.View({ // make sure the view doesn't go beyond the 22 zoom levels of Google Maps maxZoom: 21,

I'm interested in using ol3 in a node.js app (e.g. the ol.format APIs for reading GeoJSON). Is that a supported use case? I ask because it doesn't appear to work by just running npm install openlayers and then requiring it. var ol3 = require('openlayers') fails on code that's looking for the geolocation property of the window.navigation object since the window.navigation doesn't exist in a node.js environment TypeError: Cannot use 'in' operator to search for 'geolocation' in undefined at /home/me/src/ol3/node_modules/openlayers/dist/ol.js:144:823 at OPENLAYERS (/home/me/src/ol3/node_modules

I make a copy of my question here at stackoverflow, because at gis.stackexchange all my questions do not attract any attention - many times I could not get an answer to simple questions there. So, my question now is how to delete a listener defined this way: map.getViewport().addEventListener('click', function (e){ console.log("clicked"); }); OL3 emmits its own kind of events you could use instead and, to answer your original question, gives an easy and quick way to unregister them. Look at this example: http://openlayers.org/en/v3.13.0/examples/vector-layer.html More specifically, at these

Is there a way to use icons from Semantic UI or FontAwseome as markers icons in OpenLayers3 ? OpenLayers features the feature style Text that can be used as follows: var blackFill = new ol.style.Fill({color: 'black'}) var whiteStroke = new ol.style.Stroke({color: 'white', width: 1}) var iconText = new ol.style.Text({font: "<my font>", text: "<some string>", fill: blackFill, stroke: whiteStroke }) var featureStyle = new ol.style.Style({ text: iconText }); After checking the style of Semantic UI elements, I discovered it is using "Icons" as font-family and escaped characters to choose the symbol

I have node.js server 0.10.12 and express.js 4.8.5. Node.js is the web server, includes openlayers 3.9.0. Geoserver 2.1.3 serves the WMS layer. Later, I will implement vector layers. There is only one route (for the index page) var routes = require('./routes/index'); The index.js contains 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; So the app.js has var routes = require('./routes/index');//explained above var app = express(