import * as layer from 'ol/layer';
import Tile from 'ol/layer/Tile';
import * as olControl from 'ol/control';
// 图源怎么引的本篇不讲
// 要注意 overviewLayerGroup 和 mapLayerGroup 图层要相同,相同不是指完全相等
// 不然地图和鹰眼会抢canvas。
this.mapLayerGroup = new layer .Group({
layers: []
});
this.overviewLayerGroup = new layer .Group({
layers: []
});
let mapLayers = this.mapLayerGroup .getLayers();
let overviewLayers= this.overviewLayerGroup .getLayers();
// 图源相同,但Tile不能相等
let newLayer = new Tile({
source: source
});
let newOverLayer = new Tile({
source: source
})
mapLayers .push(newLayer );
overviewLayers.push(newOverLayer );
// 大地图
this.map = new ol.Map({
target: element,
layers: [this.mapLayerGroup],
view: new ol.View({
center: center,
zoom: zoom,
minZoom: minZoom,
maxZoom: maxZoom,
})
});
// 大地图添加鹰眼插件
this.map.addControl(
new olControl.OverviewMap({
className: 'ol-overviewmap myOverviewmap',
layers: [this.overviewLayerGroup],
view: new ol.View({
center: this.map.getView().getCenter()
})
})
);
「笔记」Openlayers鹰眼空白+本地图源
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- >=3.0版本的接入(适配XCode8.3以上) 登录百度地图开放平台,找到iOS的鹰眼轨迹的SDK,下载,然后把...
- s.dependency 'BaiduMapKit's.dependency 'BaiduTraceKit' 在p...
- 一、前言 随着互联网技术不断发展,WebGIS领域也有了更好的发展前景;一直想弄清楚在线地图如何发布,实现类似百度...
- 一、准备工作 安装jdk 1.8、tomcat 2.安装Geoserver,下载地址:https://source...