vue中导入openlayer地图控件

最新推荐文章于 2024-12-31 10:24:25 发布

原创最新推荐文章于 2024-12-31 10:24:25 发布 · 440 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue #openlayer

收录于

本文介绍了如何在Vue项目中使用OpenLayers库，通过新建controls.js文件并引入Attribution和zoomslider控件，实现地图功能的增强，满足自定义需求。

1.首先新建controls.js

import {defaults} from 'ol/control'
import  Attributions from 'ol/control/Attribution'
import ZoomSlider from 'ol/control/ZoomSlider'
export const controls = {
  //定义控件格式
  Attribution: new  Attributions({
    //控件属性
    show_progress: true,
    extent: true
  }),
  zoomslider:new ZoomSlider({
       //控件属性
    show_progress: true,
    extent: true
  }),

  // 默认控件（）
  default: defaults() 
};