坚信许多 旅行网站都期待做一个街景地图来吸引住顾客吧,自然我觉得期待启用街景地图的不仅是旅行网站,我觉得许多 企业官网也期待有一个街景地图让顾客迅速的寻找您企业的详细地址,那麼今天我给大伙儿演试一下启用腾讯搜搜街景地图。
见到后实际效果是否很炫?下边是普通地图,上边是街景地图,不光让我们网址产生更强的客户体验,还可以吸引大家的客户。下边讨论一下制做的方式 吧。
1、申请办理腾迅,申请办理详细地址:https://open.map.qq.com/(网址启用请申请办理JavaScript V2)。申请办理无一切标准规定,随意填好就可以申请办理。
2、拷贝下列编码,更换自身的key,另外更换自身要求的座标ID
2、开启搜搜地图:https://map.qq.com/寻找自身要求的座标打开街景地图,就可以在电脑浏览器地址栏见到key拷贝到编码key处就可以显示信息。
<script charset=”utf-8″ src=”https://map.qq.com/api/js?v=2.exp&key=这儿更换自身的key”></script><!–引进软件–><scriptsrc=”https://api.map.soso.com/plugin/v2/PanoramaOverview/PanoramaOverview-min.js”></script><!–下列div城市街景–><div id=”panoCon” style=”height: 401080x;”></div><!–下列div显示信息地形图–><div id=”overViewCon” style=”height:201080x;”></div><script>//建立城市街景var panorama = new soso.maps.Panorama(‘panoCon’, {pano:’10041001110909115346304′, //情景IDdisableMove: 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>