krpano高德地图导航插件（源码+介绍+预览）

Posted 2020-07-20

简介

---

 

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技术以及获取最新软件。