<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet" />
<script type="text/javascript" charset="utf-8">
mui.init();
</script>
</head>
<body>
<script type="text/javascript" charset="utf-8">
var map = null;
var ws = null,
wo = null;
var $ = mui;
var doc = document;
$.plusReady(function() {
//地图处理
//ws = plus.webview.currentWebview();
//wo = ws.opener();
showMap();
//ws.show("pop-in");
//后退按钮处理
var backButtonPress = 0;
$.back = function(event) {
backButtonPress++;
if (backButtonPress > 1) {
plus.runtime.quit();
} else {
plus.nativeUI.toast('再按一次退出应用');
}
setTimeout(function() {
backButtonPress = 0;
}, 1000);
return false;
};
});
function showMap() {
map = new plus.maps.Map("map");
//map.showUserLocation(true);
map.setZoom(17);
//map.showZoomControls(false);
map.getUserLocation(function(s, p) {
//map.centerAndZoom();
map.setCenter(p);
setTimeout(function() {
var c = new plus.maps.Circle(p, 200);
// 设置圆圈填充颜色为半透明
c.setFillOpacity(parseFloat("0.1"));
//alert(circleObj.getFillOpacity());
c.setStrokeOpacity( 0 );
c.setFillColor("#ff0000");
map.addOverlay(c);
}, 500);
});
}
</script>
</head>
<style>
#map {
line-height: 200px;
text-align: center;
background: #8F8F94;
position: fixed;
right: 0;
left: 0;
bottom: 150px;
top: 45px;
}
.bk {
background: #edeeed;
}
</style>
<header class="mui-bar mui-bar-nav">
<a class="mui-icon mui-pull-left">
<img style="width: 24px;" src="images/area1.png" />
</a>
<h1 class="mui-title">一呼百应</h1>
<a id="mui-transform" class="mui-icon mui-icon-transform1 mui-pull-right" href="javascript:void(0);"></a>
</header>
<div class="mui-content">
<div id="map">地图加载中</div>
</div>
</body>
</html>
同样代码在6月份的时候运行还是好使的,在安卓和IOS平台测试都没问题。
现在最新版本在安卓下无法半透明,在IOS上是正确的。
请问如何解决