JS版本街景

最新推荐文章于 2024-04-20 09:53:13 发布

weixin_30273175

最新推荐文章于 2024-04-20 09:53:13 发布

阅读量207

点赞数

文章标签：前端 javascript ViewUI

原文链接：http://www.cnblogs.com/yehancheng/p/3449158.html

版权

<!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好像没有提供函数返回将物理地址转换成的经纬度）

转载于:https://www.cnblogs.com/yehancheng/p/3449158.html

weixin_30273175

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS版本街景

<!DOCTYPE html><html><head><title>普通地图&全景图</title><meta http-equiv="Content-Type" content="text/html; charset=GBK" /><script type="text/javascrip...
复制链接

扫一扫