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

2022-09-04 12:04:33

简介

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"/>