One issue we may face while having large number of points in map is that, it can get very clumsy and increase the loading time. To resolve this issue, we can cluster the points into a single circle with a number that represent the count of points in that circle. In this tutorial, we will […]
Clustered Features in OpenLayers Read More »
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. In other words,
Implement Advance Styles in OpenLayers Read More »
In this tutorial, we will learn how to integrate OpenLayers map with VueJS . VueJS is a progressive framework that covers most of common features needed for the front end development. Using any framework be it ReactJS or VueJS makes sense because if your application is becoming more and more complex, using any modern framework
Integrating OpenLayers Map with VueJS: Create Map – Part 1 Read More »
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
Modify Features in OpenLayers Read More »
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
Draw Holes in OpenLayers Polygon Read More »
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
Implement Dynamic Styles in OpenLayers Read More »
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
Implement Advance Snapping in OpenLayers 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. 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
Layer’s ZIndex in OpenLayers Read More »
