可乐加冰的博客

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

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

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

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

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

在vue文件中使用openlayers创建地图