![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Openlayer
浪潮行舟
眼界决定境界,格局决定结局。
舟至中流催帆竞,击楫勇进破浪行。
展开
-
Openlayer系列:利用GeoServer和Openlayer地图显示区域掩模
对界面地图进行切换,卫星图利用GeoServer,水系等根据geojson文件生成图层,效果如下。利用GeoServer和Openlayer地图显示区域掩模。欢迎交流,知识星球、微信公众号与账号"浪潮行舟"同号。# 利用GeoServer进行图层发布。# Openlayer地图显示区域掩模。原创 2023-09-01 11:29:56 · 234 阅读 · 0 评论 -
openlayer系列:怎么在OpenLayers地图上为区域边界添加阴影
此代码将其目标元素设置为具有新CSS类“map-container”的地图容器元素。此时,您应该能够看到地图的边界周围有一个深色阴影。为了在OpenLayers地图上为区域边界添加阴影,您可以使用CSS样式来实现。然后,在OpenLayers代码中,您需要将地图容器元素的类名称设置为新的CSS类名。您可以调整阴影的样式和强度来满足您的需求。例如,您可以更改“box-shadow:”属性中的颜色和/或模糊半径。原创 2023-06-18 13:49:07 · 937 阅读 · 0 评论 -
openlayer系列:openlayer中切换卫星图和普通地图,默认普通地图,点击切换卫星图,并且地图掩模显示部分区域
单击按钮时,代码将检查当前图层是普通地图图层还是卫星图层,并将其替换为另一个图层。openlayer中切换卫星图和普通地图,默认普通地图,点击切换卫星图,并且地图掩模显示部分区域。可以使用OpenLayers的VectorLayer类创建一个掩模图层,并将其添加到地图中。其中,mapLayer 是普通地图图层,satelliteLayer 是卫星地图图层。这将在地图上添加一个黑色的矩形,覆盖住纽约市的区域,从而实现了掩盖的效果。可以为切换按钮添加一个点击事件监听器,以切换地图图层。创建普通地图和卫星图层。原创 2023-06-16 17:20:12 · 986 阅读 · 0 评论 -
openlayer中使用OlHeatmapLayer实现时间段内的热力图,热力图数据是累积的,怎么做出那种一帧一帧的效果
在函数中,可以根据热力图数据的特点,实现热力图的渲染逻辑,例如更新热力图的数据、计算热力图的累积值、实现热力图的拖动效果等。其中,longitude 和 latitude 是热力图数据的经纬度坐标,zoomLevel 是热力图的缩放级别。其中,data 是一个包含热力图数据的数组,offset 是热力图的偏移量,可以根据需要进行调整。以上就是使用 OlHeatmapLayer 实现时间段内的热力图,并实现一帧一帧效果的基本步骤。在热力图控件上添加事件监听器,以实现一帧一帧的效果。原创 2023-05-18 15:39:48 · 467 阅读 · 0 评论 -
Openlayer系列:点击地图上的点位,弹出信息窗在点位上方显示;
有没有精通openlayer web开发呀需要点地图的上点位的时候,弹出框在点位上方显示(UI效果图如下,使用的vue2和element、openlayer6)原创 2023-04-24 19:51:34 · 870 阅读 · 0 评论 -
OpenLayers系列: 切换地图div加载不同地图数据时,需要销毁destroy div
这是因为OpenLayers在初始化地图实例时会对其所绑定的DOM元素进行一些处理和操作,如果直接将之前的地图实例与新的DOM元素绑定或者多次绑定同一个DOM元素,可能会导致地图显示异常或出错。在查阅资料过程中,了解到在使用OpenLayers切换地图div时,需要先销毁之前的地图实例,并将其与之前的DOM元素解绑,再创建新的地图实例并与新的DOM元素绑定。如果地图无数据,直接进行地图的加载,如果地图存在数据,先进行清空,再进行地图的加载。因此,在切换地图div之前需要调用之前地图实例的。原创 2023-04-21 16:24:31 · 1826 阅读 · 0 评论