Stack Overflow
Stack Overflow

Questions tagged [openlayers-3]

OpenLayers 3 is the complete rewrite of the OpenLayers 2.x mapping library, targeting modern features of HTML5 and CSS3. It is not compatible with OpenLayers 2. OpenLayers is completely free and open source, having been released under the 2-clause BSD License.

OpenLayers 3

OpenLayers 3 is a high-performance, feature-packed library for creating interactive maps on the web.

Beginners may wish to consult the following resources:

Usual search keywords are 'OpenLayers' and 'ol'.

Source code can be found on GitHub at https://github.com/openlayers/openlayers.

Tag usage

Use of the tag was encouraged by OpenLayers developers for questions specific to OpenLayers 3, but it no longer is. The tag will probably get more attention.

2413 questions
0
votes
1 answer

Is it possible to use the openlayers where we dont have internet connectivity?

Since most of the example available in Internet is working based on Internet. I would like to download and use. I don't want to use either CDN or openlayer.org in my code.
Ravindra Babu
  • 9
  • 2
0
votes
0 answers

Drawing A4 overlay map

I want to show an overlay with A5, A4, A3, A2, A1 or A0 size, but I dont know how do it. For example, I want to show an overlay with A4 dimensions over the map but I dont know what I'm doing wrong. And I want that overlay keep the coordinates and…
Javier
  • 1,975
  • 3
  • 24
  • 46
0
votes
2 answers

How to update property of geojson polygon after clicking feature using openlayers 3/4?

I created my geojson layer like this: var gjlayer = new ol.layer.Vector({ title: 'My Layer', source: new ol.source.Vector({ url: '/path-to-my-geojson-file', format: new ol.format.GeoJSON() }) …
Rolando
  • 58,640
  • 98
  • 266
  • 407
0
votes
1 answer

topojson data not rendering in openlayers

I am trying to load topojson files into openlayers I use topojson files from https://github.com/deldersveld/topojson/tree/master/continents When i draw south america it does work: https://codepen.io/pixelatorz/pen/LdJwzQ?&editors=1010 var raster =…
pixelatorz
  • 67
  • 1
  • 7
0
votes
1 answer

OL3 - draw circle arc

For v3.8.1 I had a solution for drawing not full circles, but circle arcs ("pies", using style, not by manipulating the feature geometry (!)) with the input of start and end angles (antenna directions with beam widths). It looks like this (3…
Balázs Eigner
  • 87
  • 11
0
votes
1 answer

OpenLayers OL-Ext draw path with measure tool-tip

I'm using OL-Ext and have implemented using GPS to draw polygons and lines on an OpenLayers 3 map. I'm trying to add a measure tool-tip while "follow" is active. I've implemented this while drawing on the map but have not been able to translate it…
Funn_Bobby
  • 647
  • 1
  • 20
  • 57
0
votes
2 answers

Get extent of WMS layer in OpenLayers 4

I would like to retrieve the extent of an ImageWMS layer in OpenLayers dynamically from the BBOX param. I would use it for (e.g.) zooming to layers'extent. At the moment, my code looks like this: var layer2 = new ol.layer.Image({ title:…
umbe1987
  • 2,894
  • 6
  • 35
  • 63
0
votes
2 answers

Issue with showing OpenLayers map inside Materialize layout

I'm having problem with showing full map inside layout created using materialized framework. I'm having issues with footer area where I can't figure out how to remove white space in footer area. It looks something like this on wider screen. On…
Svinjica
  • 2,389
  • 2
  • 37
  • 66
0
votes
1 answer

copy content from popup

How to achieve opportunity copy content from popup-open? In OpenLayers-2 I could select part of content popup and copy it. In OL-3 miss this option. Popup-open has disable default option select content from popup.
Bear
  • 151
  • 1
  • 1
  • 9
0
votes
1 answer

OpenLayers 3 draw path with coordinates

I'm trying to use the Geolocation service of Openlayers 3 to map the users movement and collect coordinates based on distance and then either provide a measurement or a polygon shape that will be displayed on the map. I've done quite a bit of…
Funn_Bobby
  • 647
  • 1
  • 20
  • 57
0
votes
0 answers

How to choose the trigger order

I have this directive: module.directive("myDirective", function() { return { restrict: 'E', templateUrl: 'pathToUrl', controller: myCtrl, controllerAs: vm, bindToController: true, scope: { …
Sagie
  • 996
  • 3
  • 12
  • 25
0
votes
1 answer

Openlayers every time I add feature change color

I have this function addRoutes(geoJson:{}) { let format = new OlFormatGeoJSON({ featureProjection:"EPSG:3857" }); this._vectorSource.addFeatures(format.readFeatures(geoJson)); let vectorLayer = new OlVector({ …
Angelux
  • 89
  • 1
  • 11
0
votes
1 answer

How to delete a polygon after drawing the second polygon

I found a function that draws polygons, but I need it when drawing the second polygon, that it would always delete the previous polygon, since there must always be one polygon on my map Draw…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/openlayers" class="post-tag grid--cell" title="show questions tagged 'openlayers'" rel="tag">openlayers</a> <a href="../../questions/tagged/openlayers-3" class="post-tag grid--cell" title="show questions tagged 'openlayers-3'" rel="tag">openlayers-3</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Mar 17 '18 at 14:15">asked Mar 17 '18 at 14:15</time> <a href="../../users/9508570/maks-azarenko" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/9508570.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Макс Азаренко" /> </a> <div class="s-user-card--info"> <a href="../../users/9508570/maks-azarenko" class="s-user-card--link">Макс Азаренко</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1</li> <li class="s-award-bling s-award-bling__bronze" title="2 bronze badges">2</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-49324109"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>1</strong> answer </div> </div> </div> <div class="summary"> <h3><a href="../../questions/49324109/imagevector-vs-rendermode-image-vs-selection-style-in-openlayers-4-6" class="question-hyperlink">ImageVector vs. renderMode: 'image' vs. selection style in OpenLayers 4.6</a></h3> <div class="excerpt">After upgrading my code from ol.layer.Image and ol.source.ImageVector to ol.layer.Vector with renderMode: 'image', as described in the upgrade notes, I noticed that the behaviour concerning selections has changed: Before the upgrade selections were…</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/openlayers" class="post-tag grid--cell" title="show questions tagged 'openlayers'" rel="tag">openlayers</a> <a href="../../questions/tagged/openlayers-3" class="post-tag grid--cell" title="show questions tagged 'openlayers-3'" rel="tag">openlayers-3</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Mar 16 '18 at 15:15">asked Mar 16 '18 at 15:15</time> <a href="../../users/4734464/uwe" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/4734464.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Uwe" /> </a> <div class="s-user-card--info"> <a href="../../users/4734464/uwe" class="s-user-card--link">Uwe</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">11</li> <li class="s-award-bling s-award-bling__bronze" title="3 bronze badges">3</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="mln24"> <div class="question-summary" id="question-summary-49292780"> <div class="statscontainer"> <div class="stats"> <div class="vote"> <div class="votes"> <span class="vote-count-post"><strong>0</strong></span> <div class="viewcount">votes</div> </div> </div> <div class="status "> <strong>0</strong> answers </div> </div> </div> <div class="summary"> <h3><a href="../../questions/49292780/how-to-display-tms-layer-in-open-layers-3" class="question-hyperlink">how to display TMS layer in Open Layers 3?</a></h3> <div class="excerpt">I want to display tms layer in ol3. var layer = 'india:Indian_gdp_119'; var projection_epsg_no = '4326'; var map = new ol.Map({ target: 'map', view: new ol.View({ center: ol.proj.transform([77.39907,28.58920], 'EPSG:4326', 'EPSG:3857'), …</div> <div class="grid ai-start jc-space-between fw-wrap"> <div class="grid gs4 fw-wrap tags "> <a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/openlayers-3" class="post-tag grid--cell" title="show questions tagged 'openlayers-3'" rel="tag">openlayers-3</a> <a href="../../questions/tagged/geoserver" class="post-tag grid--cell" title="show questions tagged 'geoserver'" rel="tag">geoserver</a> <a href="../../questions/tagged/tms" class="post-tag grid--cell" title="show questions tagged 'tms'" rel="tag">tms</a> </div> <div class="started mt0"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Mar 15 '18 at 06:23">asked Mar 15 '18 at 06:23</time> <a href="../../users/7678001/seema-barate" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/7678001.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Seema Barate" /> </a> <div class="s-user-card--info"> <a href="../../users/7678001/seema-barate" class="s-user-card--link">Seema Barate</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">97</li> <li class="s-award-bling s-award-bling__bronze" title="14 bronze badges">14</li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="s-pagination pager fr"> <a class="s-pagination--item" href="../../questions/tagged/openlayers-3_page=99" rel="prev" title="Go to page 99">Prev </a> <a class="s-pagination--item" href="../../questions/tagged/openlayers-3_page=1" rel="" title="Go to page 1">1</a> <a class="s-pagination--item" href="../../questions/tagged/openlayers-3_page=2" rel="" title="Go to page 2">2</a> <a class="s-pagination--item" href="../../questions/tagged/openlayers-3_page=3" rel="" title="Go to page 3">3</a> <div class="s-pagination--item s-pagination--item__clear">…</div> <a class="s-pagination--item" href="../../questions/tagged/openlayers-3_page=99" rel="" title="Go to page 99">99</a> <div class="s-pagination--item is-selected">100</div> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>