美乐乐网站源码晋城seo

学习一下openlayers里面的一些基本概念，npm地址。
我在忙碌的技术生涯之余偶然踏入了命理的奇妙领域。原本只是好奇，没想到深入研究后，发现八字命理推算蕴含着巨大的智慧与实用价值。通过八字分析，能从一个独特的角度洞察自身性格、事业发展趋势、感情走向等诸多方面，为生活提供不少有价值的指引。如今，我也在生活中给人批八字，想了解自己的运势走向，或者在生活中遇到了困惑，无论是事业抉择、感情难题，都欢迎来找我，W_X:whr2349，借助古老的智慧，为现代生活找到更多方向与答案 。
OpenLayers入门-第二篇、在vue3中使用elementplus制作图层控件，图层切换，显示隐藏，图层排序

npm install ol

OpenLayers是一个高性能、功能丰富的库，用于在web上创建交互式地图。它可以显示地图瓷砖，矢量数据和标记加载从任何来源在任何网页。OpenLayers的开发是为了进一步使用各种地理信息。它是完全免费的，开源JavaScript。

1.Map

A map is made of layers, a view to visualize them, interactions to
modify map content and controls with UI components.
译文: 地图由层、可视化它们的视图、修改地图内容的交互和使用UI组件的控件组成。

地图是OpenLayers的核心组件。要渲染一个地图，需要一个视图、一个或多个层和一个目标容器:

import Map from 'ol/Map';
import View from 'ol/View';
import TileLayer from 'ol/layer/Tile';
import OSM from 'ol/source/OSM';var map = new Map({view: new View({center: [0, 0],zoom: 1}),layers: [new TileLayer({source: new OSM()})],target: 'map'
});

2.View

The view manages the visual parameters of the map view, like
resolution or rotation.View with center, projection, resolution and
rotation.
视图管理地图视图的可视参数，如分辨率或旋转。 中心视图，投影，分辨率和旋转。

图不负责地图的中心、缩放级别和投影。相反，这些是ol/View实例的属性。

3.Layers

4.Controls

控件是一个可见的小部件，具有一个位于屏幕上固定位置的DOM元素。它们可以包含用户输入(按钮)，也可以只是信息;位置是使用CSS确定的。默认情况下，它们被放置在CSS类名为ol-overlaycontainer-stopevent的容器中，但可以使用任何外部DOM元素。

1. Map default controls
2. All controls

5.Interactions

import DragRotate from 'ol/interaction/DragRotate'

import KeyboardZoom from 'ol/interaction/KeyboardZoom';

6.Sources and formats

数据源和对应的格式

7.Projections

坐标系转化工具模块

All coordinates and extents need to be provided in view projection
(default: EPSG:3857). To transform coordinates from and to
geographic, use
ol/proj#fromLonLat()
and
ol/proj#toLonLat().
For extents and other projections, use
ol/proj#transformExtent()
and
ol/proj#transform().

ol/proj

8.Observable objects

监听器，监听ol/Objects，主要用来监听自定义的属性。

Changes to all ol/Objects can be observed by calling the
object.on(‘propertychange’) method. Listeners receive an
ol/Object.ObjectEvent with information on the changed property and old value.

9.Other components

1. ol/Geolocation
2. ol/Overlay