248: vue+openlayers 以静态图片作为底图，并在上面绘制矢量多边形 - 码农知识堂 - 文章详情页

248: vue+openlayers 以静态图片作为底图，并在上面绘制矢量多边形
第248个

点击查看专栏目录

本示例是演示如何在vue+openlayers项目中以静态图片作为底图，并在上面绘制矢量多边形。这里主要通过pixels的坐标作为投射，将静态图片作为底图，然后通过正常的方式在地图上显示多边形。注意的是左下角为[0,0]。

直接复制下面的 vue+openlayers源代码，操作2分钟即可运行实现效果
文章目录
- 示例效果
  
  配置方式
  
  示例源代码（共125行）
  
  相关API参考：
  
  专栏目标
示例效果
相关阅读:
2022-30周项目问题整理
 Spring - Validation最佳实践及其实现原理，参数校验没那么简单
 [附源码]JAVA毕业设计计算机在线学习管理系统-（系统+LW）
[矩阵论] Unit 4. 矩阵的广义逆 - 知识点整理
 【linux】Valgrind工具集详解（十六）：交叉编译、移植到arm（失败）
软件测试适合女生吗？我是一名文员、不甘心着平凡的生活！！
UDP通信
 MaskRCNN（matterport）模型搭建与实验
 数据库并发问题及四种隔离级别
 HDU1074 Doing Homework（状压dp）
原文地址：https://blog.csdn.net/cuclife/article/details/134440743