JS版本街景 

<!DOCTYPE html>
<html>
<head>
<title>普通地图&全景图</title>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=UzRj5wun4UgkuoSdCimROD8k"></script>
</head>

<body>
<div id="panorama"></div>
<style type="text/css">
body, html{width: 100%;height: 100%;overflow: hidden;margin:0;}
#panorama {height: 100%;overflow: hidden;}
</style>
<script type="text/javascript">

// 百度地图API功能
// 创建地址解析器实例
var myGeo = new BMap.Geocoder();
// 将地址解析结果显示在地图上,并调整地图视野
myGeo.getPoint("无锡市第八人民医院", function(point){
  if (point) {
    //全景图展示
var panorama = new BMap.Panorama('panorama');
panorama.setPosition(point); //根据经纬度坐标展示全景图
panorama.setPov({heading: -40, pitch: 6});
        
  }
}, "无锡市");
</script>
</body>
</html>

　　

温馨提示：百度街景仅支持少部分城市；官方Demo是无锡市的，本人实践证明，深圳、广州都不支持。。测试的时候要布署到服务器上（可以是本地的），直接打开HTML文件也是访问不了。希望众位别进坑。
附录的代码是将物理地址转换成经纬度后，再进行街景访问。（目前API好像没有提供函数返回将物理地址转换成的经纬度）
posted @ 2013-11-29 10:59  叶汉城  阅读(758)  评论(0)  编辑  收藏  举报