OpenLayers:地图全屏控件

效果:就是将地图全屏显示

代码:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../ol3/ol.js" type="text/javascript"></script>
		<link rel="stylesheet" href="../ol3/ol.css">
		<style>
			#map {
				width: 100%;
				height: 570px;
			}
		</style>
	</head>

	<body>
		<div id="map" class="map"></div>
		<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: [12900000, 4900000],
					zoom: 8
				}),
				controls: ol.control.defaults().extend([new ol.control.FullScreen()])
			});
		</script>
	</body>

</html>

 

转载自:https://blog.csdn.net/qq_42192693/article/details/88842331

You may also like...