Google Map panto試做

        function Move2NextMarker1(){
          var marker=markers1[tempMarker1];
   	  map.panTo(markers1[tempMarker1].getPosition());
          scontent = '<div id="iw-container">' +
                     '<div class="iw-title">'+markers[tempMarker1].title+'</div>' +
                     '<div class="iw-content">' +markers[tempMarker1].description+                     
                     '</div>' +
                     '<div class="iw-bottom-gradient"></div>' +
                     '</div>';
          infoWindow.setContent(scontent);
          infoWindow.open(map,markers1[tempMarker1]);    
	  setTimeout(Move2NextMarker1,5600);
	  tempMarker1=(tempMarker1+1)%(markers.length);

        }

功能完整的純文字編輯器Notepad++

Notepad++是壽山最常拿來編輯PHP、HTML、CSS、JavaScript的文字編輯器。

這套軟體也算是台灣之光,是由台灣人侯今吾基於Scintilla編輯元件所撰寫出來的!在功能上可以取代系統內附較陽春的記事本(Notepad),也可以解決無法打開超過64K檔案以及支援Unicode,在中文搜尋、取代也做的很好!也提供程式語言上色以及高亮功能。真的是原始碼編輯的好幫手!

延伸閱讀:

Notepad++ 官網

Scintilla

 

強大的jQuery圖表套件- HighCharts

脈博網後台看到很漂亮的圖表,原來是使用 HighCharts這個元件。提供了幾乎所有常用的圖表類型:長條圖圓餅圖、折線圖、散佈圖等….,每種圖表還可以額外的定義,可以輕鬆的打造出專屬的圖表。

記得使用時要搭配 jQuery。

HighCharts
網站:http://www.highcharts.com

範例:http://www.highcharts.com/demo

Highcharts - Interactive JavaScript charts for your webpage

verlet-js蠻炫的JS物理引擎

verlet-js_examples_spiderweb_html

verlet-js是一套開放原始碼的JavaScript物理引擎,擁有粒子系統以及碰撞、關連、拖拉、模擬等特性。

透過Verlet也可以做出 box2d  效果的遊戲唷!在官方網站上,提供了幾個範例程式可以更瞭解物理引擎的用法。

官方網站:http://subprotocol.com/verlet-js/

GitHub:https://github.com/subprotocol/verlet-js