精华内容
下载资源
问答
  • 街景地图源码

    2018-06-13 11:34:11
    类似于百度街景地图的源码,可以方便的开发自己的街景地图应用!
  • 百度、腾讯、谷歌街景地图下载,py3代码,根据百度、腾讯、谷歌的街景地图id进行,街景地图下载拼接。
  • 街景地图

    2015-03-04 17:48:22
    2、复制以下代码,替换自己的key,同时替换自己需求的坐标ID2、打开搜搜地图:http://map.qq.com/找到自己需求的坐标开启街景地图,即可在浏览器地址栏看到key复制到代码key处即可显示。 <sc

    
    1、申请腾讯,申请地址:<a target=_blank href="http://open.map.qq.com/" target="_blank"><span style="color:blue;">http://open.map.qq.com/</span></a>(网站调用请申请JavaScript V2)。申请无任何条件要求,随便填写即可申请。<p align="left">2、复制以下代码,替换自己的key,同时替换自己需求的坐标ID</p><p align="left">2、打开搜搜地图:<a target=_blank href="http://map.qq.com/" target="_blank"><span style="color:blue;">http://map.qq.com/</span></a>找到自己需求的坐标开启街景地图,即可在浏览器地址栏看到key复制到代码key处即可显示。</p>
        <script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp&key=这里替换自己的key"></script> 
        <!--引入插件--> 
        <script 
        src="http://api.map.soso.com/plugin/v2/PanoramaOverview/PanoramaOverview-min.js"></script> 
         
        <!--以下div街景-->
        <div id="panoCon" style="height: 400px;"></div> 
        <!--以下div显示地图-->
        <div id="overViewCon" style="height:200px;"></div> 
         
        <script> 
        //创建街景
        var panorama = new soso.maps.Panorama('panoCon', { 
        pano:'10041001110909115346304', //场景ID
        disableMove: false,
        pov:{ //视角
        heading:3, //偏航角
        pitch:8 //俯仰角
        },
        zoom:1
        }); 
        //创建插件实例 
        var ovc=document.getElementById('overViewCon'); //地图容器(与街景连动的地图)
        var overview = new soso.maps.PanoOverview(ovc,{ 
        panorama:panorama 
        }); 
         
        //以下方法可获取连动地图的Map实例
        //获取后,可根据自己需要进行后续逻辑开发,如:在地图上标注、添加infowindow 或 覆盖物等
        var map=overview.getMap();
         
        </script> 
    


    展开全文
  • 街景地图隐私政策

    2021-04-15 21:41:31
    世界街景地图重视用户的隐私。您在使用我们的服务时,我们可能会收集和使用您的相关信息。我们希望通过本《隐私政策》向您说明,在使用我们的服务时,我们如何收集、使用、储存和分享这些信息,以及我们为您提供的...

    隐私政策

    世界街景地图重视用户的隐私。您在使用我们的服务时,我们可能会收集和使用您的相关信息。我们希望通过本《隐私政策》向您说明,在使用我们的服务时,我们如何收集、使用、储存和分享这些信息,以及我们为您提供的访问、更新、控制和保护这些信息的方式。本《隐私政策》与您所使用的卫星定位地图服务息息相关,希望您仔细阅读,在需要时,按照本《隐私政策》的指引,作出您认为适当的选择。本《隐私政策》中涉及的相关技术词汇,我们尽量以简明扼要的表述,并提供进一步说明的链接,以便您的理解。

    您使用或继续使用我们的服务,即意味着同意我们按照本《隐私政策》收集、使用、储存和分享您的相关信息。

    我们可能收集的信息

    我们提供服务时,可能会收集、储存和使用下列与您有关的信息。如果您不提供相关信息,可能无法享受我们提供的某些服务,或者无法达到相关服务拟达到的效果。

    我们收集数据是根据您与我们的互动和您所做出的选择,包括您的隐私设置以及您使用的产品和功能。我们收集的数据可能包括SDK/API/JS代码版本、浏览器、互联网服务提供商、IP地址、平台、时间戳、应用标识符、应用程序版本、应用分发渠道、独立设备标识符、iOS广告标识符(IDFA)、安卓广告主标识符、网卡(MAC)地址、国际移动设备识别码(IMEI)、设备型号、终端制造厂商、终端设备操作系统版本、会话启动/停止时间、语言所在地、时区和网络状态(WiFi等)、硬盘、CPU和电池使用情况等。

    您提供的信息

    您在使用我们的服务时,向我们提供的相关授权等;

    您通过我们的服务向其他方提供的共享信息,以及您使用我们的服务时所储存的信息。

    我们获取的您的信息

    您使用服务时我们可能收集如下信息:

    日志信息,指您使用我们的服务时,系统可能通过cookies、web beacon或其他方式自动采集的技术信息,包括:

    · 设备或软件信息,例如您的移动设备、网页浏览器或用于接入我们服务的其他程序所提供的配置信息、您的IP地址和移动设备所用的版本和设备识别码等; 在使用我们服务时搜索或浏览的信息,例如您使用的网页搜索词语、访问的社交媒体页面url地址,以及您在使用我们服务时浏览或要求提供的其他信息和内容详情;

    · 有关您曾使用的移动应用(APP)和其他软件的信息,以及您曾经使用该等移动应用和软件的信息;

    · 您通过我们的服务进行通讯的信息,例如通讯的账号,以及通讯时间、数据和时长;

    · 在我们提供服务时,用于身份验证、客户服务、安全防范、诈骗监测、存档和备份用途,确保我们向您提供的产品和服务的安全性;

    · 帮助我们设计新服务,改善我们现有服务;

    · 使我们更加了解您如何接入和使用我们的服务,从而针对性地回应您的个性化需求,例如语言设定、位置设定、个性化的帮助服务和指示,或对您和其他用户作出其他方面的回应;

    · 向您提供与您更加相关的广告以替代普遍投放的广告;

    · 软件认证或管理软件升级;

    · 让您参与有关我们产品和服务的调查。

    您如何访问和控制自己的个人信息

    我们将尽一切可能采取适当的技术手段,保证您可以访问、更新、更正和删除自己的注册信息或使用我们的服务时提供的其他个人信息。在访问、更新、更正和删除前述信息时,我们可能会要求您进行身份验证,以保障账户安全。

    我们可能分享的信息

    除以下情形外,未经您同意,我们以及我们的关联公司不会与任何第三方分享您的个人信息:

    我们以及我们的关联公司,可能将您的个人信息与我们的关联公司、合作伙伴及第三方服务供应商、承包商及代理(例如代表我们发出电子邮件或推送通知的通讯服务提供商、为我们提供位置数据的地图服务供应商)分享(他们可能并非位于您所在的法域),用作下列用途:1)向您提供我们的服务;2)实现“我们可能如何使用信息”部分所述目的;

    为了确保给您提供更好的服务,我们可能与第三方技术服务提供商(例如:推送技术服务提供商)共享您的信息,这些信息不包含您的任何身份识别信息。 在使用不包含您的任何身份识别信息的前提下,我们可能与第三方将相关的分析数据用于商业目的。

    如我们或我们的关联公司与任何上述第三方分享您的个人信息,我们将努力确保该等第三方在使用您的个人信息时遵守本《隐私政策》及我们要求其遵守的其他适当的保密和安全措施。

    信息安全

    我们仅在本《隐私政策》所述目的所必需的期间和法律法规要求的时限内保留您的个人信息。

    我们使用各种安全技术和程序,以防信息的丢失、不当使用、未经授权阅览或披露。例如,在某些服务中,我们将利用加密技术(例如SSL)来保护您提供的个人信息。但请您理解,由于技术的限制以及可能存在的各种恶意手段,在互联网行业,即便竭尽所能加强安全措施,也不可能始终保证信息百分之百的安全。您需要了解,您接入我们的服务所用的系统和通讯网络,有可能因我们可控范围外的因素而出现问题。

    未成年人使用我们的服务

    我们鼓励父母或监护人指导未满十八岁的未成年人使用我们的服务。我们建议未成年人鼓励他们的父母或监护人阅读本《隐私政策》,并建议未成年人在提交的个人信息之前寻求父母或监护人的同意和指导。

    隐私政策的适用范围

    除某些特定服务外,我们所有的服务均适用本《隐私政策》。这些特定服务将适用特定的隐私政策。针对某些特定服务的特定隐私政策,将更具体地说明我们在该等服务中如何使用您的信息。该特定服务的隐私政策构成本《隐私政策》的一部分。如相关特定服务的隐私政策与本《隐私政策》有不一致之处,适用该特定服务的隐私政策。

    变更

    我们可能适时修订本《隐私政策》的条款,该等修订构成本《隐私政策》的一部分。如该等修订造成您在本《隐私政策》下权利的实质减少,我们将在修订生效前通过在主页上显著位置提示或向您发送电子邮件或以其他方式通知您。在该种情况下,若您继续使用我们的服务,即表示同意受经修订的本《隐私政策》的约束。

    展开全文
  • 今天就让我给大家讲解一下腾讯地图街景的工作人员是怎么工作的。 腾讯地图街景工程师主要分为两类: 车采工程师(负责街景采集车的相关工作) 步采工程师(负责车辆无法采集的项目)首先说一下车采工程师: 车...

    大家应该都见过几次国内公司的街景采集车吧?那大家知道工作人员是怎么工作的吗?今天就让我给大家讲解一下腾讯地图街景的工作人员是怎么工作的

    腾讯地图的街景工程师主要分为两类:

    1. 车采工程师(负责街景采集车的相关工作)
    2. 步采工程师(负责车辆无法采集的项目)
      首先说一下车采工程师:

    车采工程师一般都是来自以下的几个专业:GIS,土木工程,建筑,测绘等相关的工科专业,经过公司严格的系统培训之后,会被派往全国各个地区,进行街景采集。那么对于车采工程师来说,日常的工作内容就是按照街景采集的有关规定,和街景车的司机配合采集道路街景工作,随时的监控采集成果和设备的正常工作,每天都需要把当天的轨迹还有数据以抽样的形式发回公司。



    上图就是腾讯地图的街景采集车了。
    腾讯地图的街景采集规定在国内应该是非常严格的,对于天气和能见度的要求是非常高的,对于PM2.5超过200的天气来说,是车采工程师是无法完成正常采集工作的,阴天下雨天更是不用说。对于在外地城市的车采工程师来说,如果遇到了连续的阴雨天是非常难受的,一方面不能工作只能呆在酒店,看似工作比较清闲,其实压力还是很大的,因为有采集的具体规划,天气转好就得加倍的工作,尽可能的多完成工作。
    腾讯地图的车采工程师相对于百度地图还有高德地图的工作人员来说,已经是收入算是高的了。
    然后,说一下腾讯街景的步采工程师,与车采工程师最大的区别就是,主要是步行完成采集工作的,主要的工作内容就是针对街景车没有办法采集的区域,利用其他的设备进人工采集。

     

    很多的腾讯地图车采工程师在经过一些相关的培训之后也可以采集高质量的步采任务数据。不过,更多时候步采工程师都是用单机进行街景拍摄,也比较轻松。
    很多朋友比较好奇街景车到底是如何工作的,那么咱们就简单的介绍一下:

    在街景车的车顶上有一套能够采集360°街景的拍摄设备,同时随着街景车的移动,拍摄设备会自动拍摄各方位的图片,同时,街景车的导航设备会记录下每个拍摄点的具体位置。所有的拍摄数据会传输到腾讯的服务器上面,批量合成全景影像,并且标定在地图的相关点位上面,最后呈现在平台上,用户在地图上选择点位,就会呈现出点位的全景影像。

      感谢工作人员为我们来带真实的中国街景,也感谢开发者们为我们带来更新的科技。

    点击链接 http://uc.jsvry.com/user/register/?code=INV888l5IVWH 了解更多全景知识。

     

     

    展开全文
  • SOSO街景地图 Javascript API 干什么用的? 你想在网页里嵌入个地图,就需要它了! 另外,它还支持:地点搜索、周边/附近查询、地图标注、公交/驾车路线规划、地理坐标与地址相互转换、地理定位等 LBS 应用功能。 ...

    SOSO街景地图 Javascript API 干什么用的

    你想在网页里嵌入个地图,就需要它了!

    另外,它还支持:地点搜索、周边/附近查询、地图标注、公交/驾车路线规划、地理坐标与地址相互转换、地理定位等 LBS 应用功能。

    (不知道LBS啥意思?这么时髦的词不知道?问度娘,不解释)

     

    因为基本的地图功能,各家API都大同小异,本讲先从SOSO最独特的街景讲起,以免大家犯困~

     

    目录:

    一、什么是街景

    二、基本概念

    三、Hello World!

    四、街景类、方法 介绍

    五、事件

    六、街景中标注 (及综合示例)

    七、街景与地图连动

    八、街景在移动端中的应用(html5 URL 接口)

     


     

    一、什么是街景   

    街景(Street View ),是一种在街道上拍摄的360度全景图像,期望用户在查看时能有走在街道上的感觉。

    我们可以把街景理解为地图的一种查看模式,类似卫星、三维地图。街景的查看角度更贴近地面,更能让用户查看到街道上的细节。

    应用贴士:我马上要去的地方长啥样?买房之前这么多小区一家一家转太累了!旅游前看看要去的地方值不值!一个复杂的立交桥应该怎么走过去?

    正所谓:“人未动,心已达,人一动,不白瞎~”

    图片,不能点

     


     

    二、基本概念   

    2.1 场景(pano)

        一个360度的全景即为一个场景,街景是由无数人这样的场景组成,
        每一个场景都有自己的一个唯一标识,我们称为“PanoId”,就像是新闻系统,每篇文章都有ID一样

        a) 街景是一张拼接好的完整的360度的照片

      

        b) 将这张照片贴在一个球体的内面,将观察者置于球心,这样360度的全景感受就出来了

        c) 街景行走时,从一个场景,切换到了另一个场景中,就像新闻系统的 “下一篇”

           

     

    2.2 视角(pov): 

        “我向哪边看?东西南北?抬头低头?

        a) 偏航角(heading):控制观察方向,是与正北方向的夹角,顺时针一周为360度

        b) 俯仰角(pitch):简单的说就是抬头或低头的角度,水平为0度,低头为0至90度,抬头为0至-90度,

        c) 缩放(zoom):分为1至4级,像望远镜一样,4级放得最大,看得最远

        

     

    2.3 坐标吸附

        通过某点 经纬度 获取 指定半径内 最近街景场景 信息(包括panoId、场景所在坐标等)。

        API为:soso.maps.PanoramaService.getPano(position:LatLng, radius:Number, callback:Function)

        下图示意:给定A点坐标,范围100米,取最近街景场景信息,正好是B点,获取到B点的街景信息后,就可以通过API显示出街景了!

        

     

        应用贴士:你有某个商场的坐标,想显示它的街景

     

     

    2.4 街景图层(蓝色高亮路网):soso.maps.PanoramaLayer

        显示街景道路覆盖范围的地图叠加层:

        

        应用贴士:当交互方式为:街景与地图同时显示,在地图中点击则切换场景,用于表明哪有街景,哪没街景

     


     

    三、Hello world!   

    3.1. 申请密钥(key)  

        进入SOSO地图API官网,http://api.map.soso.com/ ,菜单中:开发密钥 -> 申请密钥

        QQ号登录,分分钟搞定,不详述

        提示:公司申请密钥尽量不要用私人QQ号,人事变动再所难免,用私人的会比较麻烦  

        密钥配置方法:引入API时,设置参数 key = 你的key (提示,以面代码要换成你自己的Key哟~

    <script src="http://map.soso.com/api/v2/main.js?key=YourKey"></script>
    

      

    3.2. 配置调试环境   

        因为Flash权限上的一些限制,街景api需要在有Web服务的情况下才能正常使用,windows环境可以使用IIS或其它一些更轻量级的Web服务器软件,Linux可用apache/nginx等,配置完成后通过localhost进行调试使用(发布上线,用域名/ip访问不存在这个问题):

        

        推荐:迷你ASP服务器(Sws AspWebServer) ,只有一个.exe文件,放到你要调试街景网页的目录下,双击运行,它所在的目录主是 localhost 的根目录了,浏览器会自动弹开   

     

    3.3. 使用以下代码保存网页,并查看效果   

    Panorama类的细节可以参看官网文档,细节不讲了,本文以实用为主,注释会尽量写全

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>街景-Hello world</title>
    <script charset="utf-8" src="http://map.soso.com/api/v2/main.js?key=YourKey"></script>
    <script type="text/javascript">
    var init = function(){
    	//街景容器
    	var pano_container=document.getElementById('PanoCtn');
    	//创建街景对象,并传入街景容器 及 设置
    	pano = new soso.maps.Panorama(pano_container, {
    		pano: '10011501120802180635300', //初始场景ID,请问这个ID从哪来? 见下文
    		pov:{
    			heading:1,	//偏航角
    			pitch:0		//俯仰角
    		},
    		zoom:1	//缩放
    	})
    }
    </script>
    </head>
    <body οnlοad="init()">
    	<!-- 街景将显示在以下 div 中 -->
    	<div id="PanoCtn" style="width:500px;height:300px"></div>
    </body>
    </html>
    

    无图无真相(图片,不能点):

     

    3.4. 必问:请问初始化时的PanoID从哪来的?  

        heading/pitch/zoom 可以随便设置个值,得PanoID上哪搞?

        答:两种途径可以得到panoId:

        one. 手工选景:
                进入http://map.soso.com/ 进入街景,找到你想要的场景,地址栏里的地址,就包含panoId,如:
                http://map.soso.com/#pano=10011021130407154404600&heading=74&pitch=-2&zoom=1
                pano=xxx 就是panoId
                heading 是偏航角
                pitch 是俯仰角

           应用贴士你只有一两家店,选一下就好,这样简单!   

        two. 通过吸附接口:
               PanoService.getPano()
               详细使用方法见说明:http://api.map.soso.com/doc_v2/guide-pano.html
               页面第三屏位置有对“吸附”的详细描述
              (下文会有示例程序

           应用贴士:手里的POI信息成百上千,手工选景不现实。

                          交互需要:用户点击平面地图,直接切换场景,使用户在街景中快速切换地点(瞬移)

                          应用需要:用户点击某POI,同时展现街景给他

     


    四、街景类、方法介绍:  

     helloworld里对街景API的调用已经有了一个大致的样例了,下面详细介绍一下街景涉及 类 和 常用方法:

    4.1) soso.maps.Panorama()  //街景主类,显示街景都靠他了


         soso.maps.Panorama.getPano()  //得到当前场景panoId

         soso.maps.Panorama.setPano(string:panoId)  //设置场景,用于控制场景切换

         soso.maps.Panorama.getPov()://得到当前视角Pov:{heading:Number,pitch:Number}

         soso.maps.Panorama.setPov({heading:Number,pitch:Number})       //设置视角,API官网的原地转动播放效果就靠它了

         soso.maps.Panorama.getPosition()  //获取当前场景的坐标,返回类型 :LatLng,可用于计算当前街景位置与另一坐标的距离

     

    4.2) soso.maps.PanoramaService() //街景服务类

         soso.maps.Panorama.getPano()  //坐标吸附:上文有讲,由经纬度得到指定半径内最近的街景(在 街景中标注 中 有示例代码

     

    4.3) soso.maps.PanoramaLabel:街景中标注(下文详述)

      

    4.4) soso.maps.PanoramaLayer()  //街景覆盖范围图层,上文有讲,结合地图使用

          实例出真知 - 街景图层(地图API将在后续系列文章中介绍,以下简单演示,不详解):

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>SOSOMap - 街景图层 PanoramaLayer </title>
    <!--引入SOSO街景地图API,使用时记得替换YourKey! -->
    <script src="http://map.soso.com/api/v2/main.js?key=YourKey"></script>
    <script>
    var init = function(){
    	//创建地图,设置地图中心坐标,预设缩放为13级(zoomLevel取值范围4-18级)
    	var map = new soso.maps.Map(document.getElementById("container"),{
    		center: new soso.maps.LatLng(39.916527,116.397128),
    		zoomLevel: 13
    	})
    	//创建街景图层(高亮路网)实例
    	var pano_layer = new soso.maps.PanoramaLayer();
    	pano_layer.setMap(map);//将街景图层添加到地图中
    }
    </script>
    </head>
    <body onLoad="init()">
    	<!-- 地图显示在以下 div 中 -->
    	<div style="width:603px;height:300px" id="container"></div>
    </body>
    </html>
    

      

     


    五、事件    

    5.1 常用事件

        pano_changed:场景发生改变时会触发此事件,如:用户点击箭头前进了,通过pano.setPano方法切换了场景 等

        pov_changed:偏航角 或 俯仰角 发生改变时触发,如:用户手动场景转动方向

        error:街景场景载入错误时触发,常用于容错

         不常用:loaded:街景场景载入完成时触发

                   zoom_changed(街景缩放级别改变时)

                   visible_changed(街景显示状态变化时)

                   position_changed(街景坐标变化时,同 pano_change 类似)

     

    5.2 怎么添加事件

     soso.maps.event.addListener(pano, 'pano_changed', function() {alert('场景改变了')});
    

        参数1:要添加事件的对象,示例中为pano

        参数2:事件名

        参数3:触发时执行的方法

     

    5.3 实例出真知:(引自官网,详于官网)

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>SOSOMap - 事件</title>
    <!--引入SOSO街景地图API,使用时记得替换YourKey! -->
    <script charset="utf-8" src="http://map.soso.com/api/v2/main.js?key=YourKey"></script>
    <script type="text/javascript">
    function init() {
    	// 创建街景
    	pano = new soso.maps.Panorama(document.getElementById('pano_container'), {
    		"pano": '10011001120131111029111'
    	});
    	//为pano添加pov_changed事件
    	soso.maps.event.addListener(pano, 'pov_changed', function(){
    		//得到调整后的视角
    		//pov对象结构:{heading:Number,pitch:Number}
    		var pov = pano.getPov();
    		document.getElementById('heading').value = pov.heading; // 文本框中显示新heading
    		document.getElementById('pitch').value = pov.pitch; // 文本框中显示新pitch
    	});
    }
    </script>
    </head>
    <body onLoad="init();">
    	<!--以下div显示街景-->
    	<div style="width:603px;height:300px" id="pano_container"></div>
    	heading:<input type="text" id="heading">
    	pitch:<input type="text" id="pitch"><label>
    	<p>用户操作查看器导致视角变化后触发</p>
    </body>
    </html>
    

     


     

    六、街景中标注    

    应用贴士:在街景中标注出POI,或指明方位

    街景API中提供的 PanoramaLabel(街景标注类),仅支持文本标注,样式不可更改,可自定义事件

     

    实例出真知

    这次是综合的示例,除了演示PanoramaLabel以外,还集成了之前介绍的功能,和SOSOAPI搜索功能:

    Step1:在SOSO地图中,在“北京” 搜索 “家乐福”

    Step2:取搜索结果中的第一个家乐福(北京家乐福不止一个),坐标吸附得到街景

    Step3.1:创建街景,

    Step3.2:在街景中标注POI名称,点击后弹出“我是:POI名称”

    Step3.3:视角转向POI

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>SOSO街景 - Panoramalabel综合示例</title>
    <!--引入SOSO街景地图API,使用时记得替换YourKey! -->
    <script charset="utf-8" src="http://map.soso.com/api/v2/main.js?key=YourKey"></script>
    <script>
    function init() {
    	var poi;
    	//Step-2 街景吸附:得到POI半径200米内最近的街景场景
    	var getPanoInfo=function(){
    		//创建街景服务对象,用于吸附得到传入POI的街景
    		//详细手册参见:http://api.map.soso.com/doc_v2/ApiGuide.html#PanoramaService
    		var ps = new soso.maps.PanoramaService(); //创建实例
    		//吸附:poi坐标为中心,半径150米内最近街景,完成后回调:setPanoramalabel
    		ps.getPano(poi.latLng,150,setPanoramalabel); 
    	}
    	//Step-3 创建街景,视角转向POI,并在街景中标注POI名称
    	var setPanoramalabel=function(Result){
    		//判断吸附结果是否有街景
    		if(Result!=null){
    			//Step-3.1 创建街景
    			var pano = new soso.maps.Panorama(document.getElementById('pano_container'), {
    				pano: Result.svid  // svid就是panoId,SOSOAPI取名不一致
    			});
    			//Step-3.2 在街景中标注
    			var panolabel=new soso.maps.PanoramaLabel({
    				panorama:pano,  //标注在上边刚创建的街景中
    				altitude:15.0,	//标注高度15米,场景中的真实高度(我随便设的)
    				position:poi.latLng, //标注点,标在与搜索结果相同的坐标上
    				content:poi.name	//标注内容
    			});
    			//Step-3.3 事件示例:单击Label后弹出“我是:poi.name”
    			soso.maps.event.addListener(panolabel,'click',function(e){
    				alert("我是:" + e.target.content)
    			});
    			Step-3.4 调整街景视角,面向标注的Label,
    			//以下算法有兴趣的朋友可以研究一下,算出来的就是 街景场景坐标 面向 POI坐标 的偏航角(heading)
    			var x1 = Result.latlng.lng , y1 = Result.latlng.lat; //街景场景所在位置坐标
    			var x2 = poi.latLng.lng , y2 = poi.latLng.lat;		//“家乐福”的搜索结果第一项的位置坐标
    			var alpha = Math.acos((y2 - y1) / Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2)));
    			if (x2 - x1 < 0){
    				alpha = Math.PI * 2 - alpha;
    			}
    			var heading=alpha/Math.PI*180;
    			//设置视角面向POI
    			pano.setPov({heading : heading, pitch : 0});
    		}
    	}
    	//Step-1 程序入口:
        //在SOSO地图中,在“北京” 搜索 “家乐福”
    	//使用SearchService(检索服务),首先配置检索选项
    	var SearchOptions={
    		//搜索范围
    		location : "北京市",
    		//搜索完成后回调, results为搜索结果
    		//本节主讲街景,关于SearchService的具体细节可参看http://api.map.soso.com
            complete : function(results){
    			//获取检索结果的POI数组
                var pois = results.detail.pois;
    			if(pois.length>0){//判断是否有搜索结果
    				//本示例取搜索结果第一项进行标注,仅为说明使用方法
    				poi=pois[0];
    				getPanoInfo(); //见Step-2:吸附获取搜索结果的街景
    			}
            },
    		error:function(){alert('wocao')}
    	};
    	//创建检索服务实例,并将搜索设置传入其构造方法
    	var ss = new soso.maps.SearchService(SearchOptions);
    	ss.search("家乐福"); //执行搜索
    }
    </script>
    </head>
    <body onLoad="init();">
    	<!--街景显示在以下 div 中 -->
    	<div style="width:603px;height:300px" id="pano_container"></div>
    </body>
    </html>
    </html>
    


    无图无真相:(图片,不能点

     


    七、街景与地图连动  

     应用贴士:显示街景,同时配置全地图,显示当前街景所在位置,提升用户体验

     应用效果:(图片不能点,想试自己弄 或看soso地图api官网 http://api.map.soso.com/contractus.html 



    SOSO地图以插件方式提供了这个功能,使用时,除了引用api以外,还要引入插件的.js文件

    此插件仅实现了地图与街景连动,UI、样式需要开发者自己实现

    插件地址:http://api.map.soso.com/plugin/v2/PanoramaOverview/PanoramaOverview-min.js

    实例出真知

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>街景与地图连动</title>
    <!--引入SOSO街景地图API,使用时记得替换YourKey! -->
    <script charset="utf-8" src="http://map.soso.com/api/v2/main.js?key=YourKey"></script>
    <!--引入PanoramaOverview 插件 -->
    <script src="http://api.map.soso.com/plugin/v2/PanoramaOverview/PanoramaOverview-min.js"></script>
    <script type="text/javascript">
    var init = function(){
    	//街景容器
    	var pano_container=document.getElementById('PanoCtn');
    	//创建街景对象,并传入街景容器 及 设置
    	pano = new soso.maps.Panorama(pano_container, {
    		pano: '10011501120802180635300', //初始场景ID
    		pov:{
    			heading:1,	//偏航角
    			pitch:0		//俯仰角
    		},
    		zoom:1	//缩放
    	})
    	//地图容器
    	var MapCtn=document.getElementById('MapCtn');
    	//创建PanoOverview插件实例
    	var overview = new soso.maps.PanoOverview(MapCtn,{
            panorama:pano  //与pano连动
        });
    	//调用getMap方法,可得到地图实例,用于后续操作(如在上面标注等),随你操作
    	var map=overview.getMap();
        map.zoomTo(16); //将map调整到17级
    }
    </script>
    </head>
    <body οnlοad="init()">
    	<!-- 街景 将显示在以下 div 中 -->
    	<div id="PanoCtn" style="width:500px;height:300px"></div>
    	<!-- 地图 将显示在以下 div 中 -->
    	<div id="MapCtn" style="width:500px;height:200px"></div>
    </body>
    </html>

     


    八、街景在移动端中的应用(html5 URL 接口)   

    针对移动端,SOSO街景地图API提供了Url方式的街景(html方式实现的),适用于手机浏览器。

    (因为SOSO街景API是基于flash实现的,在IOS和Android无法运行,因此提供了html5的实现方案)

    使用时,依实际需求,并根据url规范拼接成url,并可将其嵌入到iframe中

    如何结合街景的JsAPI使用?,比如,我要通过坐标吸附得到街景,并在手机上显示html5的街景

    答:在移动端网页中,soso地图的javascript是可以使用的,

          可以正常使用PanoramaService.getPano(),获取街景信息后,拼接Url,将街景显示在iframe中即可

     

    (文档取自官网论坛)

    8.1 调用形式

    参数通过hash传递,格式形如:
    http://jiejing.soso.com/#pano=10011005120203110208500&heading=45&pitch=10&zoom=1&key=yourkey


    8.2 参数列表

    基础参数
    名称
    类型
    说明
    pano
     
    场景点svid
    heading
    0 - 360
    偏航角,与正北夹角
    pitch
    -90 - 90
    俯仰角
    zoom
    1 - 4
    缩放级别
    key
     
    开发者key
     
     
     
     
     
     

    POIMarker(标注)
    名称
    类型
    说明
    i
     
    POI的UID
    m
    lng,lat
    POI的经纬度
    n
     
    name,POI的名称
    a
     
    address,POI的地址
    p
     
    phone,POI的电话
    rn
     
    roadname,POI所在路名
     
     
     
     
     
     
     

    功能开关
    名称
    类型
    说明
    nav
    0:关闭 1:开启
    导航功能,默认开启
    poi
    0:关闭 1:开启
    重点POI,默认关闭
    arrow
    0:关闭 1:开启
    前进后退箭头,默认开启
    addr
    0:关闭 1:开启
    地址栏,默认开启
    minimap
    0:关闭 1:开启
    平面小地图

     

     

     

     

    8.3 显示策略说明

    页面title显示策略说明

    分享POI 所在路名(rn 参数) > SOSO 街景地图

    地址栏显示策略说明

    POI 地址 > 根据当前场景点坐标geoCoding 返回的地址

    分享窗口wording显示策略说明

    title 部分:
    分享POI 的名称 > 分享POI 所在的路名(rn 参数)
    desc 部分:
    当前地址 + POI 地址 + 电话 + url

     

    无图无真相

     

    ---- [本文完] ---------

    本文如有遗漏,请查阅:

    SOSO街景地图API官网:http://api.map.soso.com/ 

     

    欢迎各位大牛讨论交流!

     

     

    转载于:https://www.cnblogs.com/BugLiu/p/3291994.html

    展开全文
  • 百度想必大家都知道,... 全景街景地图的获取过程其实就是讲专门开发的信息采集的设备和自动化处理的软件安装在信息采集车上面,只要采集车稳定在一定的速度行驶,就会自动且精准的抓取全景图,然后再经过后期的制作
  • SOSO推国内首家高清街景地图 引领地图换代.docx
  • 基于python3的百度街景地图爬虫

    千次阅读 热门讨论 2019-03-06 16:44:17
    百度地图拾取坐标系统 取坐标。 # _*_ coding: utf-8 _*_ __author__ = 'Minty' import urllib from urllib.request import urlopen import threading from optparse import OptionParser from bs4 import ...
  • 谷歌街景地图怎么使用?.docx
  • 基于Android平台的“天地图·陕西”街景地图研究与实现.pdf
  • 行业分类-互联网-一种基于街景地图的互联网自主广告发布方法.zip
  • 街景地图如何诞生?了解背后采集员生活.docx
  • 如题,看到有人看到有人做出来了如:http://112.74.115.164/test/steel02/。不懂制作过程,求指教。
  • //且需要关闭街景模式 that.depFeatures = []; that.setFeature(that.map); //重新显示描边 for (let i = 0; i ; i++) { that.lineArr[i].show(); } } }); }); }, //所有行政区填充色块 alldrawBounds(Map) { const...
  • 仿百度地图街景实现

    2021-06-04 10:30:57
    使用过百度地图的同学知道,它有个街景功能,可以看到许多地方的实景。这里就其街景内容的实现,进行下学习。在百度地图SDK的官网上可以看到,百度对开发者提供了很多相关的内容,方便我们进行学习。关于SDK的使用...
  • 真相是,扫街景的原理就是GPS定位,然后直接返回定位坐标的街景地图。和摄像头根本一毛钱关系没有。 如果你不信,可以试试扫的时候打开定位,把摄像头挡住。 退一万步说,就算真的是用“扫”的,只要依赖了GPS,那这...
  • 使用过百度地图的同学知道,它有个街景功能,可以看到许多地方的实景。这里就其街景内容的实现,进行下学习。在百度地图SDK的官网上可以看到,百度对开发者提供了很多相干的内容,方便我们进行学习。关于SDK的使用...
  • 百度街景下载器.zip

    2019-06-01 17:01:27
    内含使用说明欢迎下载
  • 谷歌街景地图推出“时光机”功能

    千次阅读 2014-04-25 10:27:36
    据华尔街日报报导,google社会工作地图在铺盖卷畛域内新增了一大特征:“港务机械”(Time Machine),用户可以浏览追溯至秘史依顺2007年推出时的影像。这次更新版还可让用户涉猎到不合分社节以及三更的晨曦。
  • 3D街景简单项目

    2018-09-21 16:35:47
    简单的3D街景项目
  • 哈尔滨十大热门景点1、冰雪大世界:北国的冬天千里冰封、万里雪飘。在银装素裹的松花江北岸,有一极好的旅游去处—哈尔滨冰雪大世界。2、亚布力滑雪场:位于尚志市亚布力镇东南20公里,距哈尔滨市197公里,是目前...
  • 目前市面上的街景地图主要有四家:谷歌地图、腾讯SOSO地图、百度地图以及城市吧街景。
  • 百度街景调用示例

    2018-08-30 11:20:02
    百度街景调用示例,可以看看代码,js的,有到的朋友请试试
  • 谷歌地图 街景 apiSince launching in May of 2007, Google Street View has since expanded coverage to enough cities across the world that Google now feels comfortable integrating it more deeply with ...
  • 百度地图街景图像批量获取

    千次阅读 多人点赞 2020-11-21 21:03:43
    由于个人研究需要在最近试了一下使用API获取百度地图街景图片,在此介绍一下基于我个人需求的百度街景批量获取方法,本文以Python编码作为主要方法,如果对零编码工具有需要的可以关注一下UA城市分析小组刚刚发布的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,283
精华内容 1,713
关键字:

街景地图

友情链接: 13.按键计数器.zip