野野调皮
野野调皮
  • 发布:2015-07-27 18:35
  • 更新:2015-07-28 10:47
  • 阅读:3337

【报Bug】百度地图覆盖物透明度问题

分类:HTML5+

<!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上是正确的。
请问如何解决

2015-07-27 18:35 负责人:无 分享
已邀请:
野野调皮

野野调皮 (作者)

测试环境 安卓-小米4

DCloud_Android_ST

DCloud_Android_ST

感谢你的反馈!我们会尽快修复该问题。

该问题目前已经被锁定, 无法添加新回复