To get full source code for this tutorial, click here. To check the live demo for this tutorial, click here. OpenLayers provide lot of interactions to interact with your web map. One such interaction is Modify interaction which is defined using ol.interaction.Modify module. Using this interaction, you can modify existing vector features. In order to …
To get full source code for this tutorial, click here. To check the live demo for this tutorial, click here. In this post, we will implement a Undo/Redo operation for zooming to Previous/Next extent and zoom in OpenLayers. Using this functionality, we will able to navigate to previous or next extent. This operation is similar …
To get full source code for this tutorial, click here. To check the live demo for this tutorial, click here. A Polygon with holes have one or more interior boundaries(holes). In order to draw holes in polygon, you have to understand Polygon geometry and it’s representation in OpenLayers. The geometry is stored as array of …
When you create a vector layer in OpenLayers, it comes with default styles or when you use Draw or Modify interaction, they also use default styles. OpenLayers style module is use for creating custom style for your vector layers like defining new color, border color, border width, fill color or fill pattern. To get full …
When using OpenLayers for map drawing or modification, it’s important to know about the snap interaction. This will allow your features (such as roads) line up with other nearby objects when you’re done editing them so that they look nice and tidy instead of jumbled together carelessly like in confuse fashion! Click here to get …
OpenLayers is an powerful map api to develop map based applications. But to perform complex spatial operations like splitting a polygon, merging two polygons etc., we need to find another way to accomplish these operations. OpenLayers can’t do these operations on its own. This tutorial is the extension to following tutorial. If you have not …
Split a Polygon with holes by Line in OpenLayers Read More »
zIndex helps in managing the stack order of layers. When you add multiple layers in OpenLayers web application, all layers are stored as stack data structure. The layer which is added first, will be at the bottom of stack and layer which is added recently or last, will be on top of stack as shown …
An event is some thing a browser does or a user does. An event can be a mouse click on button or a right click, double click etc. Map Events in OpenLayers are specific to map. These events can help the developers to achieve a particular task. For example, opening a feature information popup of …
Hello Everyone, Welcome to next tutorial of open layers in which we will learn to create feature information tool on map click in OpenLayers. So what is Feature Information in GIS ? Feature information is Non-GIS information associated with GIS data. For complete source code of this tutorial, click here Check the Live Feature Information …
Create Feature Information Popup tool in OpenLayers on map click Read More »
OpenLayers is an powerful map api to develop map based applications. But to perform complex spatial operations like splitting a polygon, merging two polygons etc., we need to find another way to accomplish these operations. OpenLayers can’t do these operations on its own. Get the full code at the GitHub repo. Check the live demo …
