OpenLayers 자세히 보기 (1)----지도 맵 추가

페이지에 지도를 추가하려면 먼저 해당하는 OpenLayers의 함수 라이브러리를 도입한 다음에 지도 맵 대상을 만들고 맵 대상에 지도 서비스를 추가하면 페이지에 지도를 표시할 수 있다.코드는 다음과 같습니다.



    Insert title here
    
    
    
            var map = null;
        function init(){
            var options = {
                    controls:[new OpenLayers.Control.KeyboardDefaults]
            };
            
            map = new OpenLayers.Map("map",options);
            var wms = new OpenLayers.Layer.WMS("LayerName","http://vmap0.tiles.osgeo.org/wms/vmap0?",{layers:"basic"});
            map.addLayer(wms);
            map.zoomToMaxExtent();
        }
    
    



    



코드의 div는 맵을 표시하는 용기입니다. 맵 = new OpenLayers.Map("map", options), 여기 맵은 용기의 id, options는 지도 매개 변수입니다.
맵을 정의하는 방법은 다음과 같습니다.
// create a map with default options in an element with the id "map1"
var map = new OpenLayers.Map("map1");

// create a map with non-default options in an element with id "map2"
var options = {
    maxExtent: new OpenLayers.Bounds(-200000, -200000, 200000, 200000),
    maxResolution: 156543,
    units: 'm',
    projection: "EPSG:41001"
};
var map = new OpenLayers.Map("map2", options);

// map with non-default options - same as above but with a single argument
var map = new OpenLayers.Map({
    div: "map_id",
    maxExtent: new OpenLayers.Bounds(-200000, -200000, 200000, 200000),
    maxResolution: 156543,
    units: 'm',
    projection: "EPSG:41001"
});

// create a map without a reference to a container - call render later
var map = new OpenLayers.Map({
    maxExtent: new OpenLayers.Bounds(-200000, -200000, 200000, 200000),
    maxResolution: 156543,
    units: 'm',
    projection: "EPSG:41001"
});

좋은 웹페이지 즐겨찾기