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

时间:2023-03-09 02:25:26
【krpano】高德地图导航插件(源码+介绍+预览)

简介


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

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

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

使用说明


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

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

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

在线预览:

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

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

最新博客地址:http://blog.turenlong.com/