腾讯搜搜街景地图api调用的方法

美文 · 2020-07-03
坚信许多旅行网站都期待做一个街景地图来吸引住顾客吧,自然我觉得期待启用街景地图的不仅是旅行网站,我觉得许多企业官网也期待有一个街景地图让顾客迅速的寻找您企业的详细地址,那麼今天我给大伙儿演试一下启用腾讯搜搜街景地图。

见到后实际效果是否很炫?下边是普通地图,上边是街景地图,不光让我们网址产生更强的客户体验,还可以吸引大家的客户。下边讨论一下制做的方式 吧。

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>

文章推荐:

秋天的诗句 古诗李白 拼多多助力网站便宜 -快手刷评论赞自助-快手业务平台秒刷低价玫瑰

秋天的诗句 古诗李白 快手赞1元1000个赞在线微信支付-快手评论区点赞业务-快手刷浏览自助下单平台

雨滴散文600字 拼多多砍价一元10刀微信-滨州全网低价快手业务平台-抖音压价自助下单最低

关于坚强的作文题记 拼多多1元10刀助力平台-快手刷赞平台在线-快手协议业务

快手死粉低价下单平台-快手秒刷业务平台全集-微信支付快手刷赞平台

发表评论

搜索

最新留言