OpenLayers入门实例

最新推荐文章于 2025-02-27 20:29:26 发布

aliqing777

最新推荐文章于 2025-02-27 20:29:26 发布

阅读量833

点赞数

分类专栏： OpenLayers

本文链接：https://blog.youkuaiyun.com/aliqing777/article/details/9818927

版权

OpenLayers 专栏收录该内容

2 篇文章

订阅专栏

OpenLayers入门实例：

<html>
	<head>
		<title>Creating a simple map</title>
		<script type="text/javascript" src="OpenLayers.js"></script>
		<link rel="stylesheet" href="theme/default/style.css" type="text/css">
		<style>
			html, body{
				width: 100%;
				height: 100%;
				margin: 0;
				padding: 0;
				}	
		</style>
		<script type="text/javascript">
			function init(){
				var map = new OpenLayers.Map("rcp1_map");
				var osm = new OpenLayers.Layer.OSM();
				map.addLayer(osm);
				map.zoomToMaxExtent();
				}
		</script>
	</head>
	<body οnlοad="init()">
		<div id="rcp1_map" style="width: 100%; height: 100%;"></div>
	</body>
</html>

运行效果：