krpano插件--可视化平面图热点编辑器

一辉 2018-4-21 krpano插件 0 喜欢 (1)

[摘要]一直以来,如果直接用代码编辑定位全景漫游里的导航平面图上的热点,都是一件有点繁琐的事情,现在终于有可视化辅助工具使用了,使用该插件可实现对平面图热点的位置、以致雷达的方向都能做到可视化编辑,见以下效果图:

使用方法:

将编辑器目录 "edit_floorplan"拷贝进plugins目录内:

  

在xml代码内创建平面图和热点标签:

1.创建一个layer,存放平面图,设置 scale = "1" ,不需要设置 "width" "height" 属性, 当然这只需要插件编辑期间这样设置,设置好热点位置后,您可以自由修改scale\width\height属性.

2.创建热点layer,这和我们平时插入平面图热点一样,只是暂时我们不需要理会热点坐标,您需要添加多少热点就插入多少个标签,name命名规则如下:
pointfr_1, pointfr_2,pointfr_3.....pointfr_№.

代码样例:

3.保证雷达插件 radar.js 位于plugins目录内.

 

使用编辑器方法.

  • 1. 浏览器打开页面后,会显示左边控制按钮面板.
  • 2. 打开编辑模式,点击"Editor off" 按钮,或者按 "R" 键.
  • 3. 这时地图上显示一个热点,将热点从第一个热点拖出来,拖到对应地图上的位置。
  • 4. 通过缩略图或热点箭头跳转到目标场景,然后单击地图上的对应该场景的热点红点,可启动雷达方向编辑模式,拉动红线上的红点,将雷达方向调整到正确位置,然后按锁定键,锁定方向,防止拖动热点时不小心改变了雷达方向,同时保存该热点与场景的对应关系.
  • 5. 然后我们继续跳到其他场景,继续点击对应热点红点设置雷达,记得设置后锁定。全部地图上热点都设置完成后,点击"Editor on" 或者 "R" 按键,关闭编辑模式。分别点击地图上的热点,看是否与场景实现对应跳转关系,雷达是否方向正确,不正确的话就重新打开编辑模式继续调整。
  • 6. 当编辑完成后,按 "Save XML"键保存 param_EFR.xml 文件,替换旧的param_EFR.xml 文件.
    刷新浏览器,检测热点编辑后是否生效.
  • 7. 删除编辑器:
    删除“edit_floorplan”目录内的"editor" 目录 , 只需要剩下 param_EFR.xml文件在edit_floorplan目录内即可,同时可以清除掉之前加入的<include url="plugins/edit_floorplan/editor/edit_floorplan.xml" />这句代码。

 

注意事项:

1、场景scene的name不能有大写字母

2、由于生成的param_EFR.xml包含了热点的位置和点击动作,因此不要在主tour.xml中的热点标签内加入x\y\onclick属性,否则配置文件内将不执行这些属性。当然,如果您需要修改onclick执行的动作,可以在param_EFR.xml中找到对应位置。

 

下载地址

 
[点击“在线咨询”,与客服联系]



㊣ 以上文章内容来自用户投稿,本站只提供信息分享发布平台,其观点和说法不代表本站立场。如果上传的内容有异议,请及时通知我们处理。  





上一篇>>  当前已是最新文章

喜欢 1 发布评论
发表评论

您必须 [ 登录 ] 才能发表留言!

Top