AngularJS 與 Node JS 融合

範例1 :
https://scotch.io/tutorials/creating-a-single-page-todo-app-with-node-and-angular

bootstrap layout設計

1.navbar

  <nav id="top_menu_1"class="navbar navbar-default navbar-static-top" role="navigation"     style="top:125px;background:white;">
 
   固定頂端:  navbar-fixed-top

   不固定:  navbar-static-top



2.各物件範例:
http://v4-alpha.getbootstrap.com/components/popovers/

旅行必帶

1.隔日穿著衣物

2.晚上過夜衣物

3.拖鞋,充電器, 換洗用具,健保卡, 身分證+駕照(租車)

android bluetooth 技術相關

1.http://androidsourcehelp.com/bluetooth-auto-connection-in-android-devices/


2.問題: android.app.ServiceConnectionLeaked was originally bound here

  須看logcat訊息中 位於在更前面的exception訊息是什麼

Google Map 設計

1.沿路動畫
http://stackoverflow.com/questions/11519386/animate-a-route-with-google-map-js-api-v3

https://developers.google.com/maps/documentation/javascript/examples/polyline-simple
2.雙模式
https://developers.google.com/maps/documentation/javascript/examples/streetview-simple

 https://developers.google.com/maps/documentation/javascript/examples/streetview-simple?hl=zh-tw

http://alves.im/gmaps-animated-route/


3.設定地圖的畫面位置(Drag):
var mapOptions = {
    center: new google.maps.LatLng(45, -122),
    zoom: 4,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};

var map = new google.maps.Map(document.getElementById("map_canvas"),
                              mapOptions);

function moveToLocation(lat, lng){
    var center = new google.maps.LatLng(lat, lng);
    map.panTo(center);  //重點!
}
$('#recenter').click( function() {
    moveToLocation( -34, 150 );
});

藝術材質

1.飯店磚塊
Ledgestone

temp

http://www.nodebeginner.org/index-zh-tw.html

案/tmp/test.png內容展示到瀏覽器中。當然了，首先需要將該圖片儲存到這個位置