参考官方例子:http://openlayers.org/dev/examples/stylemap.html
测试代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<link rel="stylesheet" href="../theme/default/style.css" />
<script type="text/javascript" src="../OpenLayers.js"></script>
<script type="text/javascript">
var map;
function init(){
var options = { "controls": [] };
map = new OpenLayers.Map("map", options);
var wms = new OpenLayers.Layer.WMS("openlayer",
"http://vmap0.tiles.osgeo.org/wms/vmap0",
{ "layers": "basic" });
// 加载底图
map.addLayer(wms);
// 初始化空间
map.addControl(new OpenLayers.Control.ZoomPanel());
map.addControl(new OpenLayers.Control.Navigation());
map.addControl(new OpenLayers.Control.MousePosition());
// 创建feature
var features = new Array(50);
for (var i = 0; i < 50; i++){
features[i] = new OpenLayers.Feature.Vector(
new OpenLayers.Geometry.Point((360 * Math.random()) - 180, (180 * Math.random()) - 90),
{ "type": 5 + parseInt(Math.random() * 5) });
}
// 创建地图符号化
var myStyles