百度地图（14）-全景图

1. 百度地图提供了两种全景图的方式，一种是提供全景图控件，第二种是提供接口。

2. 全景图控件

  function addPanoramaControl(){
    map.addTileLayer(new BMap.PanoramaCoverageLayer());

    var stCtrl = new BMap.PanoramaControl(); //构造全景控件
    stCtrl.setOffset(new BMap.Size(20, 60));
    map.addControl(stCtrl);//添加全景控件
  }

3. 全景图接口

  function addPanoramaByXy(){
    map.addTileLayer(new BMap.PanoramaCoverageLayer());
    var panorama = new BMap.Panorama('results');
    panorama.setPov({heading:-40,pitch:6});
    map.removeEventListener("click");
    map.addEventListener("click",function (e) {
      var pt = e.point;
      panorama.setPosition(pt);
    })
  }

自定义显示全景图的触发事件（“click”），自定义全景图显示的div（“results“）。

定义 BMap.Panorma 对象，然后在地图点击时，根据点击位置，使用setPosition 查看该点击位置的全景图。

4. 页面显示

通过控件加载全景图，会有默认的控件图标，点击后在地图上的蓝色路线上移动，会有全景图的预览。点击后进入全景图画面。

 自定义接口通过代码定义触发事件，自定义全景图的窗口。

5. 代码参考

https://github.com/WhatGIS/bdMap