.NET Factory

最近我收到了點部落的LiveDemo測試帳號，這個Live Demo就是點部落策劃已久的Web Hosting服務，透過Live Demo能讓網友將自己的作品Demo在上面給更多網友看到。但平常的我寫Win Form 居多，實在是不知道拿什麼來Demo....，可是又想說這樣豈不浪費點部落的一番好意，於是就想到之前還滿想測試Yahoo Map API服務，剛好手頭上有Live Demo可使用，就算手寫了這篇。

最後要提的是，Live Demo測試完畢上線時，大家真的要感謝大均的佛心，因為這種東西(Web空間 + SQL資料庫)在藍色小舖...等是要錢買的，而且還要不少錢，而在點部落是以Free的方式供大家使用。

Demo網址

http://demo.dotblogs.com.tw/dotnetfactory/

程式碼

其實我的範例程式碼與Yahoo Map API差不多，大家若想了解更多的功能，可參考Yahoo Map API線上說明。

開始之前你必須向Yahoo註冊一個App ID

HTML HEAD

<script type="text/javascript" src="http://tw.api.maps.yahoo.com/ajaxymap?v=3.8&appid=your add id"></script>

HTML BODY

地址 / 地標：<asp:TextBox ID="txtAddress" runat="server" Width="470px">總統府</asp:TextBox><asp:Button ID="btnSearch" runat="server" Text="搜尋" /> <div id="map"></div> <script type="text/javascript" language="javascript"> //初始化Yahoo Map API var map = new YMap(document.getElementById('map'),YAHOO_MAP_SAT,new YSize(900,450)); var addr = document.getElementById('txtAddress').value; //加入地圖顯示型態的按鈕 map.addTypeControl(); //設定地圖顯示型態共有三種(YAHOO_MAP_SAT(衛星空照), YAHOO_MAP_HYB(衛星及道路混合), YAHOO_MAP_REG(一般)) map.setMapType(YAHOO_MAP_REG); //加入放大/縮小的按鈕 map.addZoomLong(); //註解 map.addMarker(addr); //方向控制 map.addPanControl(); //關閉鍵盤控制 map.disableKeyControls(); //設定位置及縮放大小　（注意：數字越大越遠) map.drawZoomAndCenter(addr, 2); </script>

參考資料

• Yahoo! Developer Network Home - Welcome!
• Yahoo! Maps Ajax Web Services
• Register App ID