yvmer336366

后来者…… 发表于 2017-11-20 15:32
你好，我这样操作依然覆盖了，哪里出了问题呢？我想通过样式来实现，这里没有设置样式的参数。请指点。
a ...

bMap.open({},function(ret,err){
   api.openFrame...
})

是地图打开的回调里，不是地图打开页面。。。

后来者……

yvmer336366 发表于 2017-11-20 17:53
bMap.open({},function(ret,err){
   api.openFrame...
})

apiready = function(){
  var bMap = api.require("bMap");
      bMap.open({
          rect: {
              x: 0,
              y: $api.dom('header').offsetHeight,
              w: $api.dom('#main').offsetWidth,
              h: $api.dom('#main').offsetHeight
          },
          center: {
              lon: 116.4021310000,
              lat: 39.9994480000
          },
          zoomLevel: 10,
          showUserLocation: true,
          fixedOn: api.frameName,
          fixed: true
      }, function(ret){
          if(ret.status){
              api.openFrame({
                  name: 'navs',
                  url: './html/navs.html',
                  rect: {
                      x: 0,
                      y: $api.dom('header').offsetHeight,
                      w: $api.dom('#main').offsetWidth,
                      h: $api.dom('#main').offsetHeight
                  },
                  pageParam: {
                      name: 'navs'
                  },
                  bounces: false,
                  bgColor: 'rgba(0,0,0,0)',
                  vScrollBarEnabled: true,
                  hScrollBarEnabled: true
              });

          }
      });
是这个意思吗？这样还是覆盖了

odiimdhza

后来者…… 发表于 2017-11-23 10:50
apiready = function(){
  var bMap = api.require("bMap");
      bMap.open({

页面设置为透明
html,body {
    padding: 60px;
    background-color: transparent;
   }

或设置好rect

后来者……

odiimdhza 发表于 2017-11-23 10:52
页面设置为透明
html,body {
    padding: 60px;

没有效果

后来者……

后来者…… 发表于 2017-11-23 10:57
没有效果

非常感谢，刚才是我样式写在父级了，现在效果出来了。

后来者……

首先感谢各位大神的指导！
综上所述，完成地图上做导航。首先，打开地图，然后在回调函数里打开另一个页面，在这个页面做导航。注意：在顶层页面设置页面背景为透明。
apiready = function(){
  var bMap = api.require("bMap");
      bMap.open({
          rect: {
              x: 0,
              y: $api.dom('header').offsetHeight,
              w: $api.dom('#main').offsetWidth,
              h: $api.dom('#main').offsetHeight
          },
          center: {
              lon: 116.4021310000,
              lat: 39.9994480000
          },
          zoomLevel: 10,
          showUserLocation: true,
          fixedOn: api.frameName,
          fixed: true
      }, function(ret){
          if(ret.status){
              api.openFrame({
                  name: 'navs',
                  url: './html/navs.html',
                  rect: {
                      x: 0,
                      y: $api.dom('header').offsetHeight,
                      w: $api.dom('#main').offsetWidth,
                      h: $api.dom('#main').offsetHeight
                  },
                  pageParam: {
                      name: 'navs'
                  },
                  bounces: false,
                  bgColor: 'rgba(0,0,0,0)',
                  vScrollBarEnabled: true,
                  hScrollBarEnabled: true
              });

          }
      });
navs.html  css : html,body{background-color:transparent;}如果将api.css 文件里对页面背景的样式去掉，bgColor参数会生效。

bgColor参数默认值：若在 config.xml 里面配置了 frameBackgroundColor，则默认值为配置的值，否则透明。

后来者……

odiimdhza 发表于 2017-11-23 10:52
页面设置为透明
html,body {
    padding: 60px;

非常感谢，但是我不明白，在打开页面的参数bgColor:rgba(0,0,0,0)不是设置页面为透明吗？为什么还要在页面设置 html,body{background-color:rgba(0,0,0,0)},而且我在config.html里配置了
      <preference name="appBackground" value="rgba(0,0,0,0.0)"/>

        <preference name="windowBackground" value="rgba(0,0,0,0)"/>

        <preference name="frameBackgroundColor" value="rgba(0,0,0,0)"/>

铭辛

想要的功能是 点击按钮 在地图页面出现侧导航吗？

铭辛

后来者…… 发表于 2017-11-23 11:19
非常感谢，但是我不明白，在打开页面的参数bgColor:rgba(0,0,0,0)不是设置页面为透明吗？为什么还要在页 ...

css文件里面定义了body的背景颜色  删掉 之后bgColor 参数才能好使  应该是这样的

后来者……

铭辛 发表于 2017-11-23 11:57
css文件里面定义了body的背景颜色  删掉 之后bgColor 参数才能好使  应该是这样的 ...

果然是，api.css 文件里面有定义页面背景色为白色。
但是浏览器先解析css文件，再解析js，按理说bgColor参数会覆盖之前的样式吧