ionicの簡単な操作

ページを追加する(test はページ名)

ionic g page test

以下の中で宣言が必要です

  1. src/pages/tabs/tabs.html
  2. src/pages/tabs/tabs.ts
  3. src/app/app.module.ts

ionic のicon一覧

サイト:icon一覧

<ion-tabs>
  <ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="home"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="List" tabIcon="md-reorder"></ion-tab>
  <ion-tab [root]="tab3Root" tabTitle="About" tabIcon="information-circle"></ion-tab>
  <ion-tab [root]="tab4Root" tabTitle="Contact" tabIcon="contacts"></ion-tab>
</ion-tabs>

マップのdesign

var styleOptions = [];//designのCode
var styledMapOptions = { name: 'Free-Wifi' }
var sampleType = new google.maps.StyledMapType(styleOptions, styledMapOptions);
map.mapTypes.set('sample', sampleType);
map.setMapTypeId('sample');