【導讀】加減乘除Web服務程序``````````````````````````````````````````````````4. 計算器Web應用程序````````````````````````````````````````````````````6. 百度地圖服務調用``````````````````````````````````````````````````````12. Webservice是一個平臺獨立的，松耦合的，自包含的、基于可編程的web的應用程序，面向短期的臨時數(shù)據(jù)處理、面向萬維網(wǎng)絡，是Soap的基礎。SOAP是XML文檔形式的調用方法的規(guī)范，它可以支持不同的底。層接口，像HTTP或者SMTP。一組SOAP消息以及如何交換這些消息。大多數(shù)情況下由軟件自動生成和使用。服務供應商和使用者的新項目。在用戶能夠調用Web服務之前，必須確定這個服務內(nèi)包含哪。檔來引導系統(tǒng)查找相應服務的機制。UDDI利用SOAP消息機制來發(fā)布，它采用XML格式來封裝各種不同類型的數(shù)據(jù)，并且發(fā)送到注。冊中心或者由注冊中心來返回需要的數(shù)據(jù)。WebService的主要目標是跨平臺的可互操作性。為了實現(xiàn)這一目標，WebService完全基。不僅縮短了開發(fā)周期，還減少了代碼復雜度，并能夠。她們使用了Inter的技術或各種商務網(wǎng)絡平臺，完成商務交易的過程。從以上論述可以看出，WebService在通過Web進行互操作或遠程調用的時候是最有用的。

　　

【正文】 數(shù)可以是元素 id也可以是元素對象。 創(chuàng)建點坐標 var point = new (, )。 這里我們使用 BMap命名空間下的 Point類來創(chuàng)建一個坐標點。 Point類描述了一個地理坐標點，其中 ， 。 地圖初始化 (point, 15)。 在創(chuàng)建地圖實例后，我們需要對其進行初始化， ()方法要求設置中心點坐標和地圖級別。 地圖必須經(jīng)過初始化才可以執(zhí)行其他操作。 地圖配置與操作 地圖被實例化并完成初始化以后，就可以與其進行交互了。 API中的地圖對象的外觀與行為與百度地圖網(wǎng)站上交互 的地圖非常相似。它支持鼠標拖拽、滾輪縮放、雙擊放大等交互功能。也可以修改配置來改變 這些功能。 比如，默認情況下地圖不支持鼠 標滾輪縮放操作，因為這樣可能會影響整個頁面的用戶體驗，但是如果 希望在地圖中使用鼠標滾輪控制縮放，則可以調用 。配置選項可以在Map類參考的配置方法一節(jié)中找到。 此外， 還可以通過編程的方式與地圖交互。 Map類提供了若干修改地圖狀態(tài)的方法。例如： setCenter()、 panTo()、 zoomTo()等等。 下面示例顯示一個地圖，等待兩秒鐘后，它會移動到新中心點。 panTo()方法將讓地圖平滑移動至新中心點，如果移動距離超過了當前地圖區(qū)域大小，則地圖會直跳到該點。 var map = new (container)。 var point = new (, )。 (point, 15)。 (function(){ (new (, ))。 }, 20xx)。 代碼如下（）： !DOCTYPE HTML PUBLIC //W3C//DTD HTML html head meta equiv=ContentType content=text/html。 charset=UTF8 / meta name=viewport content=initialscale=, maximumscale=, minimumscale=, userscalable=no titleMyBaiduMap/title style type=text/css/*![CDATA[*/ body{margin:0。padding:0。fontfamily:Times New Roman, serif} p{margin:0。padding:0} html,body{ width:100%。 height:100%。 } map_container{height:100%。 border: 1px solid 999。height:300px。} @media print{ notes{display:none} map_container{margin:0} } /*]]*//style script type=text/javascript src= script type=text/javascript src= link rel=stylesheet href= / link href= rel=stylesheet type=text/css / script type=text/javascript src= /head body div id=searchBox/div div id=map_container/div div id=test_container 檢索類型 select id=selectType name= option value=1周邊檢索 /option option value=2公交檢索 /option option value=3駕車檢索 /option /select /div /body script type=text/javascript/*![CDATA[*/ // 創(chuàng)建地圖對象并初始化 var mp = new (map_container,{ enableHighResolution: true //是否開啟高清 })。 var point = new (, )。 (point, 14)。 //初始化地圖 ()。 //開啟關系拖拽 ()。 //開啟鼠標滾動縮放 // 添加定位控件 var geoCtrl = new ({ showAddressBar : true //是否顯示 , enableAutoLocation : false //首次是否進行自動定位 , offset : new (0,25) //, locationIcon : icon //定位的 icon圖標 })。 //監(jiān)聽定位成功事件 (locationSuccess,function(e){ (e)。 })。 //監(jiān)聽定位失敗事件 (locationError,function(e){ (e)。 })。 // 將定位控件添加到地圖 (geoCtrl)。 //檢索類型 var type = 。 type = LOCAL_SEARCH 。 //周邊檢索 //type = TRANSIT_ROUTE。 //公交檢索 //type = DRIVING_ROUTE。 //駕車檢索 //創(chuàng)建魚骨控件 var navCtrl = new ({ anchor: BMAP_ANCHOR_TOP_LEFT //設置魚骨控件的位置 })。 // 將魚骨添加到地圖當中 (navCtrl)。 //創(chuàng)建檢索控件 var searchControl = new ({ container : searchBox //存放檢索控件的容器 , map : mp //檢索的關聯(lián)地圖 , type : type //檢索類型 })。 (selectType).onchange = function () { ()。 }。 //添加路況控件 var ctrl = new ({ showPanel: false //是否顯示路況提示面板 })。 (ctrl)。 (BMAP_ANCHOR_TOP_RIGHT)。 /*]]*//script /html 結果：