Vue+
Openlayers
实现显示图片并分优先级多图层加载：
Vue+
Openlayers
实现显示图片并分优先级多图层加载_BADAO_LIUMANG_QIZHI的博客-CSDN博客
上面实现的效果如下
openlayers
中渲染图片是有多种方法的，
Icon
，
Image
等等都可以实现将图片放到地图上面，但是操作图片的话，方法比较少了，这里是配合 ol-ext 来实现的。
相关资料:
1、ol-ext官方地址：入口
2、ol-ext 对应的资料地址：入口
3、ol-ext 源码gitee地址：入口
4、
openlayers
最新官网：入口
5、
openlayers
官网api：入口
6、实际坐标转换视图坐标（getPixelFromCoordinate）：入口
需求描述：每个页面有多个echarts图表，应要求每个图表右上角增加一个按钮，点击后弹出一个窗口，窗口展示当前图表。
我们项目组四个开发人员，出现了三种实现方案，此处依次做简述（因公司保密要求，此处不展示任何代码与效果图）。
原页面（父页面）Echarts实现方式：
1、数据加载方式：ajax。
2、一个页面多个图表，一个页面一个js文件，一个页面一个css文件...
F12查看才发现如下报错：
http://127.0.0.1:8020/xxx/js/theme/default/
layer
.css?v=3.1.1 net::ERR_ABORTED
layer
.js
于是找到
layer
.js，搜索
layer
.css ，会搜索到两处地方，
修改
第二处，代码如下：
....n=(a?"modules/
layer
/":"theme/")+"defaul
import { defaults } from "ol/control";
import { fromLonLat } from "ol/proj";
const map = new Map({
layer
s: [
new Tile
Layer
({
source: new OSM()
}),],
target: "map",
controls: new defaults({
attri
参考资料：
openlayers
官网：https://
openlayers
.org/
geojson下载网站：https://datav.aliyun.com/portal/school/atlas/area_selector
地图坐标拾取网站：https://api.map.baidu.com/lbsapi/getpoint/inde
地图上经常需要标出标注，标注点击之后要有相应的变化来达到一定的效果。此实例即在地图上添加图片标注，点击标注，更换标注图片，再点击其他标注，上一个标注恢复原来的标注图片。 /*初始化地图*/
var map;
function initmap(){
map= new ol.Map({
layer
s: lay
