1. Demand background Our current project uses openlayer + geoServer’s own vector map. It is a project in cooperation with the public security. Since most governments use sky maps, we need to change geoServer’s vector maps to sky maps and use them with openlayers. Openlayers also You can switch between different map data sources, although […]
Tag: openlayers
Interactive functions of Openlayers (6) – Editing Patterns
The previous articles have provided a basic understanding of the interaction of OpenLayers, the use of the Draw control and the deletion of patches. The following will introduce the patch editing, panning and frame selection panning of OpenLayers one by one. Directory 1. Edit the pattern 1. Modify API 1.1 Common attributes 1.2 Common methods […]
Openlayers implements track play/pause/replay/play from click/speed up/slow down
Description: My requirement is to implement track play/pause/replay/play from the click point, so I encapsulate a class Solution: 1. Initialization: mainly processing the layers and data, and constructing a global array through interpolation /** * @description initialization track */ (function init() { //Map container that._map = _map; //Trajectory line layer that._animationLineLayer = animationLineLayer; //Track point […]
Interactive functions of Openlayers (5) – Delete image spots
The previous articles have provided a basic understanding of the interaction of OpenLayers and the use of the Draw control. The following will introduce the deletion, editing, panning, and frame selection panning of OpenLayers one by one. Directory 1. Delete pattern spots 1. Use the Select control to obtain the pattern and delete it 1.1 […]
Use openlayers to create travel maps in vue3
Since I often went out to play in the first half of the year, I suddenly wanted to start a travel map blog. I remembered that I had been exposed to openlayers projects before, and I was too lazy to investigate other libraries. I just started using openlayers. Since github often fails to build, I […]
openlayers wms/wmts raster layer click point pixel value query
Table of Contents 1. WMS raster layer pixel value query 2. Wmts raster layer pixel value query 3. Browser knowledge supplement Note: For wms raster layer pixel value query, the corresponding url address can be obtained with getGetFeatureInfoUrl, but wmts does not have a built-in getFeatureInfoUrl 1. wms raster layer pixel value query The getGetFeatureInfoUrl […]
Interactive functions of Openlayers (4) – using the Draw control to draw patterns
The previous three articles have given us a basic understanding of the basic situation of OpenLayers and the selection of patches and patches. The following will introduce the patch drawing, deletion, editing, panning, and frame selection and panning of OpenLayers one by one. All the above functions require the use of OpenLayers’ Draw control, so […]
openlayers-16-Add a set of trajectory animations
Realize a set of animations, that is, based on a set of line segments with only starting and ending point coordinates, achieve smooth movement of points on these line segments. The moving speed and smoothness can be controlled. The following code is only for reference and lacks many details. For example, when performing interpolation calculations, […]
Openlayers: movement, scaling control, loading corresponding range data, asynchronously loading data to update map coordinates
Foreword: When used in company projects, it is necessary to obtain information about nearby charging piles, display them, and mark points on the map. Click on the points to enter the corresponding details; Choosing the Openlayers Technology Stack OpenLayers is an open source project. Its design is to provide powerful map display functions for Internet […]
Interactive functions of Openlayers (3) – Feature’s Select control
The previous two articles introduced the basic situation of Openlayers, the process of initializing the map, and what Feature is. Starting from this article, the interactive functions of Feature will be introduced. 1. Feature selection function 1.Select interaction Select is a type of interactive event, used to select geometric figures on the vector layer. After […]