全景图中常用的功能点有:

1.皮肤定制,指定皮肤中icon的位置、图片、样式等

2.音频的播放与暂停

3.地图路线

4.添加logo或地标

5.点击事件

此次总结地图分享功能点,步骤如下:

1.在xml中引入高德地图插件

<plugin name="nv" keep="true" devices="mobile" url="js/action.js"

desloc="39.9178540000,116.3970060000" desname="北京故宫"/>

2.在xml中写地图调用方法

<action name="naviToMap">plugin[nv].setdes(get(plugin[nv].desloc),get(plugin[nv].desname));plugin[nv].navigation();
</action>
复制代码

3.在xml中写地图iocn,配置oclick

<layer name="skin_btn_mymap" style="skin_base|skin_glow" crop="0|256|64|64" align="right" x="15" y="-250" scale="0.5" onclick="naviToMap();js(clickBury('travel_panorama_locate_click','travel_panorama_locate');)" />
复制代码

4.编写获取当前位置、跳转地图js,当前位置的获取需要注意,ios中仅支持https协议

var krpanoplugin = function () {
var local = this;
// save the 'this' pointer from the current plugin objectvar krpano = null;
// the krpano and plugin interface objects
var plugin = null;var plugincanvas = null;
// optionally - a canvas object for graphic content
var plugincanvascontext = null;// registerplugin - startup point for the plugin (required)
// - krpanointerface = krpano interface object
// - pluginpath = string with the krpano path of the plugin (e.g. "plugin[pluginname]")
// - pluginobject = the plugin object itself (the same as: pluginobject = krpano.get(pluginpath) )
local.registerplugin = function (krpanointerface, pluginpath, pluginobject) {krpano = krpanointerface;plugin = pluginobject;// add a from xml callable functions:plugin.setdes=setdes;plugin.navigation=navigation;
}var desLocation;
var desName;function setdes(des,name) {desLocation=des;desName=name;//alert(desLocation);//alert(desName);
}function navigation()
{if (navigator.geolocation){if(isiOS){//从app端获取定位信息(解决用户拒绝定位后无法重新定位)var position = {coords:{longitude:"",latitude:""}};AHJavascriptBridge.invoke('fetchLocation',{},function(args,callback){position.coords.longitude = args.longitude;position.coords.latitude = args.latitude;showPosition(position);});}else{//自己获取定位navigator.geolocation.getCurrentPosition(showPosition,showError);}}else{alert("Geolocation is not supported by this browser.");}
}function showPosition(position)
{var mapUrl = encodeURIComponent("http://m.amap.com/?from="+position.coords.latitude+","+position.coords.longitude+"(我的位置)&to="+desLocation+"("+desName+")&type=0");if(myversion==1){//安卓AHJavascriptBridge.invoke('goMap',{"url":mapUrl,"title":"从我的位置到"+desName});}else{//M端window.location.href="http://m.amap.com/?from="+position.coords.latitude+","+position.coords.longitude+"(我的位置)&to="+desLocation+"("+desName+")&type=0";}}function showError(error)
{switch(error.code){case error.PERMISSION_DENIED:alert("请在手机设置里修改定位权限");break;case error.POSITION_UNAVAILABLE:alert("Location information is unavailable.");break;case error.TIMEOUT:x.innerHTML=alert("The request to get user location timed out.");break;case error.UNKNOWN_ERROR:alert("An unknown error occurred.");break;}
}// unloadplugin - end point for the plugin (optionally)
// - will be called from krpano when the plugin will be removed
// - everything that was added by the plugin (objects,intervals,...) should be removed here
local.unloadplugin = function () {plugin = null;krpano = null;
}
复制代码

};

krpano使用总结-地图路线相关推荐

  1. 通过Android上的意图启动Google地图路线

    本文翻译自:Launching Google Maps Directions via an intent on Android My app needs to show Google Maps dir ...

  2. android app调用第三方地图路线规划导航(百度,高德,腾讯)

    android app调用第三方地图路线规划导航(百度,高德,腾讯) 因为直接使用高德的sdk提供的导航被投诉说不准,所以需要接第三方. 把BAT系的地图都接上了,有兄弟找到其他的地图调用方法告诉下小 ...

  3. 百度步行导航加poi搜索android,Android Studio百度地图路线规划以及POI搜索功能的实现...

    在Eclipse上开发百度地图的教程比较多,最近用的比较多的是Android Studio平台开发,本文主要是学习如何在Android Studio上进行百度地图的开发. 1.准备工作 这第一步网上说 ...

  4. 干货|可视化设计:百度地图路线

    2019独角兽企业重金招聘Python工程师标准>>> 警察叔叔要破案,追查嫌犯的踪迹怎么办? 发动群众盯梢,还是紧盯监控视频没日没夜的看? 那一切都太费时费力了,追踪人物车辆的运行 ...

  5. 高德地图小程序步行路线显示_微信小程序 高德地图路线规划实现过程详解

    前言 最近项目中做到相关网约车小程序.需要使用到地图中的路线规划,对3种地图进行了分析.这里稍微做一下总结: 百度地图 百度坐标 (BD-09) 腾讯地图 火星坐标(GCJ-02) 高德地图 火星坐标 ...

  6. MATLAB轻松绘制地图路线——已知及未知坐标下的处理方法(1)

    文章目录 已知坐标的情况 未知坐标的情况 完整工程文件下载链接: 要想绘制地图路线, 最基本的要素就是 各点的坐标,有了坐标,还要知道哪个点和哪个点相连,最后将各点相连即可: 但有时候我们有的往往只是 ...

  7. Android百度地图雷达效果,地图导航实测:百度地图路线雷达圈粉“老司机”

    原标题:地图导航实测:百度地图路线雷达圈粉"老司机" 前段时间,百度和高德就谁是第一的问题引发了一场争论,而作为驾龄近10年的老司机,我并不关心两家输赢,只想说说哪个导航更好用.更 ...

  8. iOS 高德地图路线规划

    最近做了高德地图路线规划,把自己不熟的点记录一下: 1.地图不显示当前位置精准圈:设置mapview的 customizeUserLocationAccuracyCircleRepresentatio ...

  9. android 通过scheme唤起百度、高德、腾讯地图路线规划功能,唤起滴滴出行打车功能

    import android.content.Context; import android.content.Intent; import android.net.Uri;import java.ut ...

最新文章

  1. 一文读懂MQTT协议
  2. echart 数据视图_关于数据可视化图表的制作,你需要关注的30个小技巧
  3. Flowable基础二十一 Flowable springboot 集成
  4. java swt 双屏_Java中AWT、Swing与SWT三大GUI技术的原理与效率差异
  5. SNMP学习笔记之SNMPv3的配置和认证以及TroubleShooting
  6. java timer暂停继续_JavaScript暂停和继续定时器的实现方法
  7. 呵,你会51单片机的精确延时吗?
  8. Flex与JavaScript的交互:调用JavaScipt或者被JavaScript调用
  9. 蓝桥杯训练 2n皇后
  10. MySQL进阶11--DDL数据库定义语言--库创建/修改/删除--表的创建/修改/删除/复制
  11. 推荐几本对于学习WebGL有帮助的书籍
  12. 递归法 最大公倍数 斐波那契数列 数组插入排序改递归
  13. Android内存优化之——static使用篇
  14. ZOC7 for Mac破解版激活方法附注册码
  15. CCS的c语言编程,CCS_C语言编程
  16. 打游戏用什么蓝牙耳机好?英雄联盟手游推荐蓝牙耳机
  17. java17长期支持版本_Java 8后的首个长期支持版本Java 11
  18. 电脑恶意软件删除方法
  19. asio ssl 笔记
  20. n个水手分椰子问题 (递推)

热门文章

  1. openjudge 逆波兰表达式 2694
  2. shell获取命令行结果指定列(指定列结果)
  3. 防止API被恶意调用,一般有哪些方法?
  4. 绘图解谜:公钥、私钥、证书
  5. 移动端常用的四个框架
  6. 大数据基础知识问答----hadoop篇
  7. android 隐藏系统键盘
  8. Party Lamps chapter 2.2
  9. dedecns 表结构
  10. LSSS线性秘密共享方案详细构造方法与原理解释