码迷,mamicode.com
首页 > 其他好文 > 详细

【krpano】高德地图导航插件(源码+介绍+预览)

时间:2016-06-03 21:12:14      阅读:2705      评论:0      收藏:0      [点我收藏+]

标签:

简介


 

krpano可以利用js调用第三方网页版地图,因此可以实现导航效果,用来帮助用户导航到我们全景所在的位置。

 

效果截图如下,在手机端点击左侧按钮,便会对用户进行定位,跳转至高德地图进行导航

技术分享    技术分享

 

 

 

使用说明


 

插件共有3个文件,如下图所示:

技术分享

nv.js为js代码,主要作用为浏览器定位,生成地图调用uri等。

nv.xml为样式文件,定义了krpano中按钮的位置

navigation.png为图标

 

使用时,把上述3个文件复制到项目目录,修改xml文件中的目的地参数即可。

desloc对应于目的地的经纬度,可以在一些网站上进行查询:http://www.gpsspg.com/maps.htm

desname对应于目的地的名称,可以根据需求修改

 

<plugin name="nv" keep="true" devices="mobile"
    url="nv.js"
    desloc="31.2393627086,121.4995369338"
    desname="东方明珠"
/>

 

在你的主xml文件(例如tour.xml文件)中,添加如下的代码

<include url="nv.xml"/>

 

源码下载地址:

http://pan.baidu.com/s/1hsHbIRy

 

在线预览:

技术分享

 

欢迎加入qq群551278936讨论krpano技术以及获取最新软件。  

【krpano】高德地图导航插件(源码+介绍+预览)

标签:

原文地址:http://www.cnblogs.com/reachteam/p/5557405.html

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!