การสร้างหน้า google maps ใน ionic slide menu
สร้าง Project โดยใช้ SlideMenu Template เพิ่ม <script src="http://maps.google.com/maps/api/js?key= API_KEY "></script> ใน www\index.html เพิ่มหน้าแผนที่โดยเพิ่ม code ในไฟล์ \www\templates\ map.html <ion-view view-title="Map"> <ion-content> <div id="map" data-tap-disabled="true"></div> </ion-content> </ion-view> เพิ่ม menu item โดยเพิ่ม code ในไฟล์ \www\templates\menu.html <ion-item menu-close href="#/app/map"> Map </ion-item> เพิ่ม code ใน \www\js\app.js .state('app.map', { url: '/map', views: { 'menuContent': { templateUrl: 'templates/map.html', controller: 'MapCtrl' } } }) เพิ่ม controller ใน \www\js\controller.js โดยเบื้องต้นได้กำหนดพิกัดตายตัว .cont
Comments
Post a Comment