OpenLayers学习笔记——加载地图

OpenLayers常见的加载地图显示的方法有三种，使用不同的加载方法，会有不同的用处。

1、静态加载地图

js代码：

<script type="text/javascript">
	var map = new ol.Map({
		target: 'map',
		layers: [new ol.layer.Tile({source: new ol.source.OSM()})],
		view: new ol.View({center: [12950000,4860000], minzoom: 2, zoom: 6})
	});
	</script>

这种方法简单，不利于修改维护，交互性较差。

2、动态加载地图

js代码：

<script type="text/javascript">
		var map = new ol.Map({
			target: 'map',
			layers: [],
			view: new ol.View({center: [12950000,4860000], minzoom: 2, zoom: 6})
		});
		var tileLayer = new ol.layer.Tile({source: new ol.source.OSM()});
		map.addLayer(tileLayer);
	</script> 

运用addLayer方法动态加载图层对象，使得地图数据加载显示更加灵活，可以很好的修改地图，如添加一些控件等。

3、调用函数加载地图

js代码：