打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
KRPANO高德地图导航插件(源码+介绍+预览)

http://www.krpano.tech/archives/289

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

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

使用说明

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

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

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

navigation.png为图标

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

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

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

1

2

3

4

5

<plugin name="nv" keep="true" devices="mobile"

url="nv.js"

desloc="31.2393627086,121.4995369338"

desname="东方明珠"

/>

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

1

源码下载地址:

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

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
arcgis api 3.x for js 地图加载多个 SHP 图层压缩以及 json 文件展示(附源码下载)
循序渐进(12)
ecshop如何生成商城站点地图
10.5 详解Android Studio项目结构
three.js 源码注释(十三)Math/Ray.js
不传之密:把JS代码生成字节码,用字节码技术保护NodeJS源码
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服