OpenLayer(OSM)

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>创建一个简单的电子地图</title>
<script type="text/javascript" src="code/OpenLayers.js"></script>
<!--<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&v=3.2"></script>-->
<!--<script type="text/javascript" src="http://api.maps.yahoo.com/ajaxymap?v=3.0&appid=euzuro-openlayers"></script>-->
<!--<script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2&mkt=en-us"></script>-->
</head>

<body onLoad="init()">
<div id="map_element" style="width:500px; height:500px; alignment-adjust:central">
</div>
<script type="text/javascript">
	var map; 
	var wms_base;
	function init(){
		map=new OpenLayers.Map(
			'map_element',
			{
				progection:'EPSG:900913',
				maxExtent:new OpenLayers.Bounds(-20037508,-20037508,20037508,20037508.34),
				maxResolution:156543.0339,
				uints:'m'
				});
		
		var osm_base=new OpenLayers.Layer.OSM(
			'openStreetMap',
			"http://b.tile.opencyclemap.org/cycle/${z}/${x}/${y}.png",//'http://URL_TO_TILES/${z}/${x}/${y}.png',
			{}
		);
		map.addLayer(osm_base);
	}
</script>
</body>
</html>
 

你可能感兴趣的:(OpenLayer(OSM))