实现起来超级简单，只要两张地图使用同一个view就可以了，主要代码如下所示:
**<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>地图2</title>
<link rel="stylesheet" href="openlayers/ol.css" />
<script type="text/javascript" src="openlayers/ol.js" ></script>
</head>
<body>
<p>地图1</p>
<div class="map" id="map" style="width: 100%"></div>
<p>地图2</p>
<div class="map2" id="map2" style="width: 100%"></div>
<script>
var view=new ol.View({
center:[0,0],
zoom:2
})
//创建地图
var map=new ol.Map({
layers:[
//创建一个使用open Street Map 地图源的瓦片图层
new ol.layer.Tile({source: new ol.source.OSM()})
],
//设置显示地图的视图
view:view,
//让id为map的div作为地图的容器
target:'map'
});
var map2=new ol.Map({
layers:[
new ol.layer.Tile({source: new ol.source.OSM()})
],
view:view,
target:'map2'
})
</script>
</body>
</html>**