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...
