krpano使用总结-地图路线
全景图中常用的功能点有:
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使用总结-地图路线相关推荐
- 通过Android上的意图启动Google地图路线
本文翻译自:Launching Google Maps Directions via an intent on Android My app needs to show Google Maps dir ...
- android app调用第三方地图路线规划导航(百度,高德,腾讯)
android app调用第三方地图路线规划导航(百度,高德,腾讯) 因为直接使用高德的sdk提供的导航被投诉说不准,所以需要接第三方. 把BAT系的地图都接上了,有兄弟找到其他的地图调用方法告诉下小 ...
- 百度步行导航加poi搜索android,Android Studio百度地图路线规划以及POI搜索功能的实现...
在Eclipse上开发百度地图的教程比较多,最近用的比较多的是Android Studio平台开发,本文主要是学习如何在Android Studio上进行百度地图的开发. 1.准备工作 这第一步网上说 ...
- 干货|可视化设计:百度地图路线
2019独角兽企业重金招聘Python工程师标准>>> 警察叔叔要破案,追查嫌犯的踪迹怎么办? 发动群众盯梢,还是紧盯监控视频没日没夜的看? 那一切都太费时费力了,追踪人物车辆的运行 ...
- 高德地图小程序步行路线显示_微信小程序 高德地图路线规划实现过程详解
前言 最近项目中做到相关网约车小程序.需要使用到地图中的路线规划,对3种地图进行了分析.这里稍微做一下总结: 百度地图 百度坐标 (BD-09) 腾讯地图 火星坐标(GCJ-02) 高德地图 火星坐标 ...
- MATLAB轻松绘制地图路线——已知及未知坐标下的处理方法(1)
文章目录 已知坐标的情况 未知坐标的情况 完整工程文件下载链接: 要想绘制地图路线, 最基本的要素就是 各点的坐标,有了坐标,还要知道哪个点和哪个点相连,最后将各点相连即可: 但有时候我们有的往往只是 ...
- Android百度地图雷达效果,地图导航实测:百度地图路线雷达圈粉“老司机”
原标题:地图导航实测:百度地图路线雷达圈粉"老司机" 前段时间,百度和高德就谁是第一的问题引发了一场争论,而作为驾龄近10年的老司机,我并不关心两家输赢,只想说说哪个导航更好用.更 ...
- iOS 高德地图路线规划
最近做了高德地图路线规划,把自己不熟的点记录一下: 1.地图不显示当前位置精准圈:设置mapview的 customizeUserLocationAccuracyCircleRepresentatio ...
- android 通过scheme唤起百度、高德、腾讯地图路线规划功能,唤起滴滴出行打车功能
import android.content.Context; import android.content.Intent; import android.net.Uri;import java.ut ...
最新文章
- 一文读懂MQTT协议
- echart 数据视图_关于数据可视化图表的制作,你需要关注的30个小技巧
- Flowable基础二十一 Flowable springboot 集成
- java swt 双屏_Java中AWT、Swing与SWT三大GUI技术的原理与效率差异
- SNMP学习笔记之SNMPv3的配置和认证以及TroubleShooting
- java timer暂停继续_JavaScript暂停和继续定时器的实现方法
- 呵,你会51单片机的精确延时吗?
- Flex与JavaScript的交互:调用JavaScipt或者被JavaScript调用
- 蓝桥杯训练 2n皇后
- MySQL进阶11--DDL数据库定义语言--库创建/修改/删除--表的创建/修改/删除/复制
- 推荐几本对于学习WebGL有帮助的书籍
- 递归法 最大公倍数 斐波那契数列 数组插入排序改递归
- Android内存优化之——static使用篇
- ZOC7 for Mac破解版激活方法附注册码
- CCS的c语言编程,CCS_C语言编程
- 打游戏用什么蓝牙耳机好?英雄联盟手游推荐蓝牙耳机
- java17长期支持版本_Java 8后的首个长期支持版本Java 11
- 电脑恶意软件删除方法
- asio ssl 笔记
- n个水手分椰子问题 (递推)