可乐加冰^-优快云博客

原创 openlayers如何使用（六）监听地图变化

今天遇到一个情况，在地图初始化时，页面宽度占不满画布，留下了一个白边。解决办法：添加方法监听地图的变化。

2022-10-17 09:27:45 946

原创类型“AxiosResponse＜any, any＞”上不存在属性问题解决方法

由于 AxiosResponse上并没有自己规定返回的一些字段，所以ts会报错，所以我们要定义一下类型。在学习ts时调用接口返回数据，无法获取接口内部属性。添加后就可以访问到返回数据的属性了。需要在http文件中定义类型。

2022-10-11 15:26:32 21691 6

原创 iframe之间的通信

iframe父子页面间的传值与监听

2022-09-02 10:19:02 11715 2

原创 openlayers如何使用（五）叠加层的应用

创建好叠加层后，初始的状态是不显示的，我们只需要在元素对应的事件中去调用一下这个方法即可显示叠加层。

2022-08-24 13:55:35 1603

我们给整个地图都添加了点击事件，现在不管是点击点或线，我们都可以得到相关的feature，最关键的一点就是之前我们在创建点线时，一定要把他们的数据传入到feature中，要不然会有报错。这样在点击地图的时候就可以通过判断类型来对点与线元素添加不同的事件，而我们也可以通过传入的feature来获取其中的数据。我们可以单独去给他们添加事件，但我有一个更好的方法，可以同时让点和线都绑定事件。我们之前完成了地图中点线的创建，那如何给点和线去添加事件呢？通过feature中我们传入的名字来区分点与线的事件。

2022-08-23 16:37:29 2235

原创 openlayers如何使用（三）动态数据加载

在循环构建点元素的时候，我们每构建一个点，在下次重新构建的时候需要清除掉之前的所有点，才能重新渲染，这就需要在进入构建方法前清除掉之前的图层与叠加层。

2022-08-23 16:09:05 968

原创 openlayers如何使用（二）点线的创建

首先需要在地图中创建一个具有几何和其他属性属性的地理特征的矢量对象（feature），然后在其中就可以new一个点元素了（point），点元素可以对他去设置相应的style让显示的样式发生改变，或者new一个icon用图片去展示点的效果，在创建好点后需要将点加载到对应的源中（source）③ 线的创建于点是相同的，上图中线的样式其实是两条线叠加在一起形成的，给每条线设置不同的样式与层级，来展示，还可以通过改变线的偏移量，来得到一条具有动态效果的线。这样我们就完成了地图中点与线的创建。...

2022-08-15 10:34:12 1340