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

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

点击查看专栏目录

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

直接复制下面的 vue+openlayers源代码，操作2分钟即可运行实现效果
文章目录
- 示例效果
  
  配置方式
  
  示例源代码（共125行）
  
  相关API参考：
  
  专栏目标
示例效果
相关阅读:
SpringCloud 客户端负载均衡：Ribbon
银河麒麟SP2服务器系统安装docker-engine-18.09版本
 伦敦银单位转换很简单
 Spring原理之web.xml加载过程
 [源码解析] TensorFlow 分布式环境(1) --- 总体架构
 ES6 的 export / import 常用方式总结
 中断的分类、机理与嵌套：深入理解计算机系统的中断、陷入与异常
 Web3——开发第一个智能合约
 Jupyter常用的实战操作总结(强烈建议收藏,持续更新中... ... )
[Hadoop] start-dfs.sh ssh报错
原文地址：https://blog.csdn.net/cuclife/article/details/134440743