Postingan

Menampilkan postingan dari Juni, 2017

Membuat history tracking pada google maps Mobile android

Gambar
salam, selamat beraktivitas berjumpa kembali dengan tema yang hangat tetapi tidak pernah bosan dibahas, kali ini saya akan berbagi cara membuat history tracking pada google maps., kali ini saya membuat versi mobile, menggunakan framework yang sedang banyak digunakan yaitu ionic framework, dan menggunakan apache cordova sebagai compiler, pada pembahasan sebelumnya saya sudah terangkan bagaimana install cordova, sekarang kita kembali ke pembahasan selanjutnya, sesuai dengan judulnya, okey langsung saja, letakan script berikut pada controller.js .controller('HistoryCtrl', function($scope, $stateParams, $timeout, ionicMaterialInk, ionicMaterialMotion, deviceMobil, $ionicPopup){     $scope.$parent.showHeader(); function formatDate(data){     var date = new Date(data);     var zp = function (val){return (val <= 9 ? '0' + val : '' + val);}     var zp2 = function(val){return val <= 99? (val <=9? '00' + val : '0' + val) : ('&

Membuat auto reload pada ionic framework, google maps realtime monitoring

ada banyak cara yang digunakan untuk membuat realtime monitoring pada google map, bagi yang terbiasa memakai ionic framework mungkin mudah, tetapi bisa jadi referensi untuk agan yang minat belajar ionic dengan angular 2, est....! kembali ke focus, sesuai dengan judulnya kita akan membuat auto reload pada map,  okey langsung saja berikut scriptnya, .controller('RealtimeCtrl', function($scope, $stateParams, $interval,$ionicHistory, deviceMobil,ionicMaterialMotion, ionicMaterialInk, $ionicLoading){ $scope.$parent.showHeader(); $ionicHistory.nextViewOptions({       disableAnimate: true,       disableBack: false     }); window.setTimeout(function(){     var mapOptions = {zoom: 14,mapTypeId: google.maps.MapTypeId.ROADMAP};     var map = new google.maps.Map(document.getElementById("map"),mapOptions); var marker;  var markers = new Array(); $interval(function(){     deviceMobil.getId($stateParams.id).success(function(data) {       marker = new goog