小米市场营销案例分析,南昌优化网站服务,为什么要给大夫做网站,线上分销平台学习一下openlayers里面的一些基本概念#xff0c;npm地址。 我在忙碌的技术生涯之余偶然踏入了命理的奇妙领域。原本只是好奇#xff0c;没想到深入研究后#xff0c;发现八字命理推算蕴含着巨大的智慧与实用价值。通过八字分析#xff0c;能从一个独特的角度洞察自身性格…学习一下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 Layers are lightweight containers that get their data from sources. 图层是从数据源获取数据的轻量级容器。默认投影3857即墨卡托投影高纬度地区被拉升变形严重但低纬度地区展示数据较好直观比如说加载天地图默认加载_w结尾的。 高德地图中也是可以加载第三方地图服务的只支持3857 Layers种类
ol/layer/Tileol/layer/Imageol/layer/Vectorol/layer/VectorImageol/layer/VectorTileol/layer/WebGLTile
4.Controls 控件是一个可见的小部件具有一个位于屏幕上固定位置的DOM元素。它们可以包含用户输入(按钮)也可以只是信息;位置是使用CSS确定的。默认情况下它们被放置在CSS类名为ol-overlaycontainer-stopevent的容器中但可以使用任何外部DOM元素。 Map default controlsAll controls
5.Interactions
用户与地图之间的交互操作包括 Map default interactions Interactions for vector features ol/interaction/Select ol/interaction/Draw ol/interaction/Modify All interactions
例如
地图旋转
import DragRotate from ol/interaction/DragRotateol/interaction/DragRotate这个模块允许用户通过点击和拖动地图旋转地图通常结合一个模块:ol/events/condition当按住alt和shift键时限制它。
地图缩放
import KeyboardZoom from ol/interaction/KeyboardZoom;ol/interaction/KeyboardZoom模块允许用户使用键盘和-缩放地图。注意虽然这种交互默认情况下包含在映射中但只有当浏览器的焦点集中在键盘事件所附加的元素上时才能使用键。默认情况下这是map div但您可以使用模块:ol/ map ~ map中的keyboardEventTarget更改它。Document永远不会失去焦点但是对于任何其他元素如果键要发挥作用焦点必须是在这个元素上并返回。
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
ol/Geolocationol/Overlay
