我正在处理离子项目,并在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