我正在处理离子项目,并在this教程后的标签中放置了一张Google地图。现在,我想放置一些按钮(在div内)以触发该地图上的某些操作。如何实现呢?
我真的是这个框架的新手,我将不胜感激。

我的index.html



<body>
    <ion-nav-bar class="bar-positive" animation="nav-title-slide-ios7">
        <ion-nav-back-button class="button-clear">
            <i class="ion-arrow-left-a"></i>
        </ion-nav-back-button>
        <ion-nav-buttons side="right">
            <a class="button" href="#/tab/twitter">
                <i class="icon ion-social-twitter"></i>
            </a>
        </ion-nav-buttons>
    </ion-nav-bar>
    <ion-nav-view animation="slide-left-right-ios7">
    </ion-nav-view>
</body>





我的maps.html



<ion-view title="Ubicación">
    <ion-content id="maps" scroll="false" data-tap-disabled="true">
    </ion-content>
</ion-view>

最佳答案

为什么不将地图添加到单独的div中

<ion-view title="Ubicación">
    <ion-content>
          <div id="maps" scroll="false" data-tap-disabled="true"></div>
          <div class="testHello "> My Button </div>
    </ion-content>
</ion-view>


并将您的物品放在固定的位置

.testHello {
  position : absolute;
  background-color: red;
    width : 100%;
  bottom:0px;
}


查看更新的代码笔
http://codepen.io/anon/pen/eNgRpR

09-07 23:18
查看更多