[GoogleMap] 如何監聽zoom變更的控制

如何監聽zoom變更的控制

var 
 map = new google.maps.Map($mapElement[0], mapOptions);
                console.log($mapElement[0]);
                
                google.maps.event.addListener(map, 'zoom_changed', function () {
                    var zoomLevel = map.getZoom();
                    logger.debug('zoom_changed to level: ' + zoomLevel);
}

[GIT] 重設Git專案

簡單重設Git專案的指令步驟

$>rm -rf .git 

$>git init

[iOS Swift] 如何新增專案內的資料夾

當專案愈來愈大的時候，
就需要好好定義一下專案目錄的結構，
記錄一下Xcode如何在專案中新增資料夾。

1. 專案目錄下按右鍵
2. 選擇New Group即可

[iOS Swift] 發送網路請求錯誤: App Transport Security has blocked a cleartext

在使用https://github.com/Alamofire/Alamofire來進行網路資源的request，

執行後發生以下的錯誤：

App Transport Security has blocked a cleartext 

解決方法只要info.plist檔案加入App Transport Security Settings的key，

並在此key下面再新增Allow Arbitrary Loads的key且屬性請設為YES即可

參考:

http://stackoverflow.com/questions/31254725/transport-security-has-blocked-a-cleartext-http

[iOS Swift] 替新的ViewControll場景加入控制器

記錄一下如何新增一個swift的控制器給新增的場景

1.  新增一個cocoa class

[iOS Swift] 如何重新命名ViewControll

記錄一下如何使用Xcode去重新命名你的ViewController，


1. 重新命名你的ViewController.swift檔名與裡面的類別名稱

ex: 改名為Page1VC.swift

[iOS] 模擬器尺吋的調整

由於不小心按了快速鍵導致模擬器變太小，所以記錄一下這篇...
請按選單列的Window->Scale->尺寸選擇

[freebooard] freeboard自定外掛踩雷

在測試自定義freeboard外掛的時候，發現設定屬性填空字串或空陣列，

初始化整個儀表版是會錯誤的。有用這個套件的朋友要注意一下。

[AngularJS] i18n 使用筆記

記錄一下angular translate的使用快速筆記。

環境設定

請引用angular-translate.min.js
使用模組 pascalprecht.translate

語言檔

透過 $translateProvider新增多國語系檔對應的內容，你可以另存以下的js至zh_TW.js檔

angular.module('myApp.controllers').config(function ($translateProvider) {
 $translateProvider
 .useSanitizeValueStrategy('escaped')
 .translations('zh_TW', {
  TRANSLATION_ID: 'Hello world !!',
  TRANSLATION_ID_2: 'Hello world !! {{value}}',
  TRANSLATION_ID_3: 'Hello world !! {{value1}},{{value2}}',
 });
});

$translate service處理多語系

  $translate('').then(function(translation) {
                    //translation為取得的鍵值

                });

Filter處理多語系

{{ 'TRANSLATION_ID' | translate }}

動態取代多國語言參數

使用filter

{{ 'TRANSLATION_ID_2' | translate:'{"value": 'Ken' }' }}

使用filter與多個參數

{
'TRANSLATION_ID_3': 'Hello world !! {{value1}},{{value2}}'
}

如果要多參數時，請在新增一個json變數至scope，如 $scope.translationData = {value1: 'Ken',value2: 'Ken2'}

{{ 'TRANSLATION_ID_3' | translate: translationData }}

使用directive表示式 在元素內透過translate與translate-values二個directive進行資料繫結

translate="TRANSLATION_ID_3" translate-values="{ value1: translationData.value1,value2: translationData.value2 }

事件

可以取得當語言變更的事件

$rootScope.$on('$translateChangeSuccess', function () {

// Language has changed
 });

啟動app設定語言方法

myApp.config(['$translateProvider','$windowProvider',
    function($translateProvider,$windowProvider) {
    var defaultLanguage = 'zh_TW';//你定義的語系檔名稱

    $translateProvider.use(defaultLanguage);
}])

REF

http://angular-translate.github.io/docs/#/guide/00_installation