|
发表帖子
API/SDK版本号: |
JavaScript API V1.4.4 |
产品: |
定位 |
手机型号: |
|
使用接口: |
|
昨天还好好的 ,今天就突然不行了,我用的是HBuider 工具 mui框架 ,代码如下
<body>
<div class="mui-content">
<div id="go-plan" class="go-plan">
<span class="go-plan-title">
<i class="mdicon call-split"></i>
路线
</span>
</div>
<div id="container" tabindex="0"></div>
</div>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.3&key=ab94726f92b52f4223119d0d702d2c21"></script>
<script src="js/mui.min.js"></script>
<script src="js/util.js"></script>
<script type="text/javascript">
(function() {
mui.init({
swipeBack: true //启用右滑关闭功能
});
mui.plusReady(function() {
//设置顶部背景
plus.navigator.setStatusBarBackground('rgba(51,136,103,1)');
plus.navigator.setStatusBarStyle('light');
//绘制顶部图标
var _self = plus.webview.currentWebview();
var titleView = _self.getNavigationbar();
if(!titleView) {
titleView = plus.webview.getLaunchWebview().getNavigationbar();
}
titleView.drawRect("#cccccc", {
top: "43px",
height: "1px",
left: "0px"
}); //绘制底部边线
//绘制左上角menu图标
var bitmap_menu = new plus.nativeObj.Bitmap("menu");
bitmap_menu.loadBase64Data("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABG0lEQVRYR+2W0Q3CMAxE7yaAEdgA2AA2YANgBDZhA2ACRgA2gE3Y4JBRkKqqonFixE/9F8nJPZ8Tt8Sfg3/WxwAwOBDqgKQxgItdbJLznAseBiBpBuAMYALgQdLWvRECkMStcnPgAWBB8tmrbk7lJH3LaYnfAKxyxd+tqgGQtEi2W+UnkhvvecUAkkzskASLxIsdiBIvAmiJ70juvbY3810tkHQEsE4HbEnauiqyAX4h7mqBJHvXIwBXksuqshubPQ7YZLsmiCPJbQRENoCJpaETCuEC+AWEG6AD4g5g6Rm/xc+wubHVjmKIIgc+IBEQVQAR7agGSBD2NbTXMQXgakcIQAdE9rAKA2hBPEnav0JvhAL0qnUkDACDAy+8yW8hsFIfqwAAAABJRU5ErkJggg==");
titleView.drawBitmap(bitmap_menu, {}, {
top: "10px",
left: "10px",
width: "24px",
height: "24px"
});
var about_left = window.innerWidth - 64;
var bitmap = new plus.nativeObj.Bitmap("user");
bitmap.loadBase64Data("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABdElEQVRYR+2W4U3DMBCF35sANgAmKEwAnQBGgAnoCDABMAFsAExAu0HZgBHaCQ69qIlCauOzZSkgxT+by913z5d3JUY+HLk+JoD/pYCZHQK4BXAN4BjAF4A1gCeSy5J5citgZir4CuA0UuiG5Ev/mZkJ6nwQvyQ5b3/LAVCns0SX874SEYAVyYssADOT5M8OidckzxxxXYhLATN7A3DpSUzSlTNXgdBdxni6a6g2A5FEpQBFM1CkgOvKPEGlCnhyuwYmZwgBnJCUQaHmDCwAPDg62pKUWzanpg8oqbo6SEDck7xzgOb5wK4bWbCGMQbxSTJm01Gm5AzsFpBMSPZ5BaCTeJC1XUwyLX1qzRykThCgV1QW3Pl2KtngudTScnonuYm9uwdgZpLx45dOMzmg4nJHLbO9EwKQdEe5VRLx0SUVArDKxZt0sSU1AfxJBTS1KcfLHZMfFt1/OaSAvv3HihBbAIvhH9YWIumEua3mxk8AoyvwDV3SlSGxtdWDAAAAAElFTkSuQmCC");
titleView.drawBitmap(bitmap, {}, {
top: "10px",
left: about_left + "px",
width: "24px",
height: "24px"
});
var about_left = window.innerWidth - 34;
var bitmap_add = new plus.nativeObj.Bitmap("add");
bitmap_add.loadBase64Data("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABJUlEQVRoQ+1Y0RFBQQzc7UAHlEAFdGCUogJ0oAQdGB3QAR3oJCbmPpjxiHv3cGMzc18vyV12N3eZR1RurPz8UAHfZlAMiIGWCEhCLQFsHd4ZA2Y2ALAF0AMwI3lsfdoHCbosYAlgkfack1zXXMCKpBdU3D7FgApook4MNCFjZrdNLAlJQu/ef5JQEDHdQlXcQmkwm6bBLEguJsB1ue3Tisa63y4yAIYkZGZnAP13di/geyQ5epXnlws4kRyWKsATuRx8to+a+4+T8yFDQhuSzvxTCzHwKsmj73oHgqiJgSregSCbd27qgSBq6gH1QFAqTW6S0L9IqMpfiz4AbtIAOIkMZjnt0FkP5BwmJ0YF5KBWMkYMlEQzJ5cYyEGtZIwYKIlmTq4L9cuaMcmM78kAAAAASUVORK5CYII=");
titleView.drawBitmap(bitmap_add, {}, {
top: "10px",
left: about_left + "px",
width: "24px",
height: "24px"
});
titleView.interceptTouchEvent(true);
titleView.addEventListener("click", function(e) {
var x = e.clientX;
if(x < 44) { //触发menu菜单
var _left = parseInt(_self.getStyle().left);
if(_left > 0) { //处于显示状态
closeMenu();
} else {
openMenu();
}
} else if(x > about_left) { //触发关于页面
var aniShow = mui.os.plus ? "slide-in-right" : "zoom-fade-out";
mui.openWindow({
url: "html/byself-webview.html",
id: "info",
styles: {
popGesture: "close",
statusbar: {
background: "#f7f7f7"
}
},
show: {
aniShow: aniShow,
duration: 300
}
});
}
}, false);
// 创建子webview窗口 并初始化
var aniShow = {};
util.initSubpage(aniShow);
var nview = plus.nativeObj.View.getViewById('tabBar'),
activePage = plus.webview.currentWebview(),
targetPage,
subpages = util.options.subpages,
pageW = window.innerWidth,
currIndex = 0;
/**
* 根据判断view控件点击位置判断切换的tab
*/
nview.addEventListener('click', function(e) {
var clientX = e.clientX;
if(clientX > 0 && clientX <= parseInt(pageW * 0.3)) {
currIndex = 0;
} else if(clientX > parseInt(pageW * 0.3) && clientX <= parseInt(pageW * 0.65)) {
currIndex = 1;
} else if(clientX > parseInt(pageW * 0.65) && clientX <= parseInt(pageW * 1)) {
currIndex = 2;
} else {
currIndex = 3;
}
// 匹配对应tab窗口
if(currIndex > 0) {
targetPage = plus.webview.getWebviewById(subpages[currIndex - 1]);
} else {
targetPage = plus.webview.currentWebview();
}
if(targetPage == activePage) {
return;
}
if(currIndex !==
3) {
//底部选项卡切换
util.toggleNview(currIndex);
// 子页面切换
util.changeSubpage(targetPage, activePage, aniShow);
//更新当前活跃的页面
activePage = targetPage;
} else {
//第四个tab 打开新窗口
plus.webview.open('html/new-webview.html', 'new', {}, 'slide-in-right', 200);
}
});
//加载高德
var mapObj = new AMap.Map('container', {
resizeEnable: true,
zoom: 10,
center: [116.480983, 40.0958]
});
//定位
mapObj.plugin('AMap.Geolocation', function() {
geolocation = new AMap.Geolocation({
enableHighAccuracy: true, //是否使用高精度定位,默认:true
timeout: 10000, //超过10秒后停止定位,默认:无穷大
maximumAge: 0, //定位结果缓存0毫秒,默认:0
convert: true, //自动偏移坐标,偏移后的坐标为高德坐标,默认:true
showButton: true, //显示定位按钮,默认:true
buttonPosition: 'LB', //定位按钮停靠位置,默认:'LB',左下角
buttonOffset: new AMap.Pixel(10, 20), //定位按钮与设置的停靠位置的偏移量,默认:Pixel(10, 20)
showMarker: true, //定位成功后在定位到的位置显示点标记,默认:true
showCircle: true, //定位成功后用圆圈表示定位精度范围,默认:true
panToLocation: true, //定位成功后将定位到的位置作为地图中心点,默认:true
zoomToAccuracy: true //定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false
});
mapObj.addControl(geolocation);
geolocation.getCurrentPosition();
AMap.event.addListener(geolocation, 'complete', function(result) {
// var marker = new AMap.Marker({
// position: result.position,
// title: result.formattedAddress
// });
// marker.setMap(mapObj);
}); //返回定位信息
AMap.event.addListener(geolocation, 'error', function(e) {
console.log(e);
}); //返回定位出错信息
});
});
mui(".go-plan").on('tap', '.go-plan-title', function() {
mui.openWindow({
url: 'PathPlan.html',
extras: {
name: 'mui'
}
});
});
})();
</script>
</body>
|
|