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>
运行效果: