openlayer

先初始化一个map对象

  
  
  
  
  1. var map = new OpenLayers.Map("map", options); 

map为div容器的id,options为可选项,由一系列的map对象的属性值对组成,如:

var options = {
    maxExtent
: new OpenLayers.Bounds(-200000, -200000, 200000, 200000),
    maxResolution
: 156543,
    units
: 'm',
    projection
: "EPSG:41001"
};
全部属性有:

map properties

接着,实例化一个layer,比如google layer

  
  
  
  
  1. var layer = new OpenLayers.Layer.Google( 
  2.                "Google Physical"
  3.                options 
  4.            ); 

第一个参数为layer的name,会显示在switch控件中,options为layer的属性数组,比如:

 

  
  
  
  
  1. {type: G_PHYSICAL_MAP, 
  2. numZoomLevels: 20 

其中type为GMapType值,常见有:G_PHYSICAL_MAP,G-STREET_MAP(默认),G_HYBRID_MAP, G_SATELLITE_MAP,

注意,在新的google maps javascript api3中type的属性有变化:

变为google.maps.MapTypeId.TERRAIN,google.maps.MapTypeId.HYBRID

google.maps.MapTypeId.SATELLITE,google.maps.MapTypeId.ROADMAP

继续:

  
  
  
  
  1. map.addLayer([layer]);  

此处[]是一个layer的数组,可同时加入多个图层,

  
  
  
  
  1. map.setCenter(new OpenLayers.LonLat(long,lat), 5); 
  2. map.addControl( new OpenLayers.Control.LayerSwitcher() ); 

 

 

 

 

你可能感兴趣的:(职场,openlayer,休闲)