파노라마 디스플레이

//通过PanoramaOption指定
var panorama = new BMap.Panorama('panorama', {navigationControl: false}); //默认为显示导航控件，默认值为true
//通过setOptions方法指定
Panorama.setOptions({navigationControl:false});

//通过PanoramaOption指定
var panorama = new BMap.Panorama('panorama', {linksControl:false}); //默认为显示道路指引控件，默认值为true
//通过setOptions方法指定
Panorama.setOptions({linksControl:false});

panorama.setOptions({
    albumsControl: true,
    albumsControlOptions:{anchor:BMAP_ANCHOR_TOP_LEFT,  //设置相册显示位置
        offset:new BMap.Size(10,10),//设置相册距离左上角偏移量
        maxWidth:100%,//设置相册控件的最大显示宽度
        imageHeight:80//设置相册控件的高度
        }
    });

panorama.setPanoramaPOIType(BMAP_PANORAMA_POI_CATERING); //餐饮 
panorama.setPov({pitch: 6, heading: 138});

var panorama = new BMap.Panorama('panorama', { 
    'disableIndoorSceneSwitchControl': true //默认为显示室内景场景点切换控件，默认值为false 
    }); 
panorama.setOptions({ 
    'disableIndoorSceneSwitchControl': true 
    });

파노라마 지도 데이터 가져오기

특정 위치 및 특정 각도의 파노라마를 표시하는 것 외에도 JavaScript API는 이러한 유형의 정보 가져오기도 지원합니다. 다음은 파노라마 ID와 위도 및 경도 좌표를 가져오는 예입니다. .

var panorama = new BMap.Panorama('panorama', { 
    'disableIndoorSceneSwitchControl': true //默认为显示室内景场景点切换控件，默认值为false 
    }); 
panorama.setOptions({ 
    'disableIndoorSceneSwitchControl': true 
    });

1) PanoramaService 클래스는 파노라마 데이터 정보 클래스의 인스턴스를 생성하는 데 사용되며 getPanoramaById(pid를 기반으로 파노라마 데이터 가져오기) getPanoramaByPOIId(POIId를 기반으로 파노라마 데이터 가져오기) getPanoramaByLocation(return)을 제공합니다. 좌표를 기준으로 한 거리) 파노라마 데이터를 얻으려면 세 가지 방법이 사용됩니다.

2) getPanoramaByLocation 메소드는 좌표에 따라 여기에 가장 가까운 파노라마 데이터를 반환할 수 있습니다. 데이터를 가져올 수 없는 경우 콜백 함수 매개 변수는 null입니다.

파노라마 지도 이벤트

JavaScript API는 position_changed(위치 변경 이벤트)link_changed(인접 도로 파노라마 변경 이벤트), pov_changed(원근 변경 이벤트), Zoom_changed(확대/축소 레벨 변경 이벤트) 및 기타 이벤트를 제공하여 파노라마 상태 변화를 모니터링합니다. .

사용 방법은 다음과 같습니다.

var panorama = new BMap.Panorama('panorama');  
panorama.setPosition(new BMap.Point(120.320032, 31.589666));  
panorama.addEventListener('position_changed', function(e){ //注册全景位置改变事件  
    var pos = this.getPosition();  
    console.log(e.type);  
 
});

파노라마 지도에 라벨 추가

PanoramaLabel은 위치(position) 속성과 3차원 높이(altitude) 속성을 설정할 수 있는 파노라마 라벨 클래스입니다. 파노라마 라벨의 3차원 높이는 "가까움이 크고 원거리가 작음"이라는 특성을 갖습니다. 즉, 파노라마 라벨 지점이 파노라마의 중심점에 가까울수록 동일한 높이 값이 더 높게 표시됩니다. 아래 그림과 같이 라벨 1과 라벨 2의 높이가 동시에 2미터로 설정되어 있지만 라벨 1이 라벨 2보다 중심점에 더 가깝기 때문에 라벨 1이 더 높게 표시됩니다.

PanoramaLabel 라벨은 Panorama 클래스의 addOverlay 메서드를 통해 파노라마에 추가할 수 있습니다. 사용법은 다음과 같습니다:

var panorama = new BMap.Panorama('panorama');
panorama.setPosition(new BMap.Point(116.403925,39.913903));//坐标点在天安门
 
var labelPosition = new BMap.Point(116.403925,39.913903);
var labelOptions = {
    position: labelPosition,
    altitude:5
};//设置标注点的经纬度位置和高度
var label = new BMap.PanoramaLabel('自定义标注-天安门广场', labelOptions);//创建全景标注对象
panorama.addOverlay(label);//在全景地图里添加该标注
panorama.setPov(label.getPov()); //修改点的视角，朝向该label

파노라마 주석을 추가하는 것 외에도 클릭, 마우스오버, 마우스아웃을 트리거하고 파노라마 주석 이벤트를 제거할 수도 있습니다. 클릭 이벤트를 사용하는 방법은 다음과 같습니다.

label.addEventListener('click', function() { //给标注点注册点击事件
    panorama.setPov({  //修改点的视角
        pitch: 15, 
        heading: 180
    });
});