百度地圖API開發(fā)(修改)_第1頁
百度地圖API開發(fā)(修改)_第2頁
百度地圖API開發(fā)(修改)_第3頁
百度地圖API開發(fā)(修改)_第4頁
百度地圖API開發(fā)(修改)_第5頁
已閱讀5頁,還剩50頁未讀 繼續(xù)免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

大眾GIS快速開發(fā)(kāifā)

——百度地圖API開發(fā)

程鋼

2015年6月19日共五十五頁共五十五頁主要(zhǔyào)內容百度地圖APILBS開發(fā)模式JavascriptAPI大眾版JavascriptAPI開發(fā)綜合(zōnghé)實例學習建議共五十五頁(1)百度地圖API是什么百度地圖API是一套由JavaScript語言編寫的應用程序接口,提供各種地圖基本功能,用Javascript語言進行調用(diàoyòng)它能夠在網(wǎng)站中構建功能豐富、交互性強的地圖應用。百度地圖(dìtú)API簡介共五十五頁1.百度地圖(dìtú)API是什么百度(bǎidù)地圖API簡介共五十五頁百度(bǎidù)地圖API簡介(2)知識準備HTMLJavascript面向對象程序開發(fā)地圖(3)注意事項公開地圖,國內必須(bìxū)至少使用國測局制定的GCJ-02,對地理位置進行首次加密。百度坐標在此基礎上,進行了BD-09二次加密。共五十五頁百度地圖(dìtú)API簡介

(4)版本說明及申請(shēnqǐng)APIak為了統(tǒng)一平臺服務的配額管理,JavaScriptAPI在新版本引入ak機制。v1.4及以前版本無須申請密鑰(ak),自v1.5版本開始需要先申請密鑰(ak),才可使用。(5)地址(參數(shù)V表示加載API的版本)

/api?v=1.4///api?v=1.5&ak=您的密鑰//申請網(wǎng)址:/user/reg共五十五頁主要(zhǔyào)內容百度地圖API簡介LBS開發(fā)模式(móshì)JavascriptAPI大眾版JavascriptAPI開發(fā)綜合實例學習建議共五十五頁LBS開發(fā)(kāifā)模式(1)Web開發(fā)使用網(wǎng)頁中嵌入地圖服務,支持2D/3D、衛(wèi)星、街景、室內實景、定制化地圖展現(xiàn)。JavascriptAPI大眾版JavascriptAPI極速版JavascriptAPI極速版是專為手機瀏覽器提供的API,該版更適配移動設備,體積更小,加載地圖速度(sùdù)更快,更省流量。適用手機瀏覽器類型:Android自帶、UC、百度、QQ等主流瀏覽器共五十五頁LBS開發(fā)(kāifā)模式(2)服務接口發(fā)送HTTP請求,獲取數(shù)據(jù)存儲(cúnchǔ)和檢索、POI數(shù)據(jù)、地址解析、坐標轉換、IP定位、車輛網(wǎng)等服務。LBS云

通過開放服務端存儲和計算能力,提供海量位置數(shù)據(jù)存儲、檢索、展示一體化解決方案。web服務API

開發(fā)者通過http形式發(fā)起檢索請求,獲取返回json或xml格式的檢索數(shù)據(jù)。用戶可以基于此開發(fā)JavaScript、C#、C++、Java等語言的地圖應用。共五十五頁LBS開發(fā)(kāifā)模式(2)服務接口靜態(tài)圖API發(fā)送HTTP請求訪問百度地圖靜態(tài)圖服務,便可在網(wǎng)頁上以圖片形式顯示地圖。它根據(jù)所設定的參數(shù),通過標準HTTP協(xié)議,返回(fǎnhuí)PNG格式的地圖圖片。車聯(lián)網(wǎng)API適用車載終端應用的開發(fā)接口,您可以在C#、C++、Java等應用程序中使用該服務,通過發(fā)起HTTP請求方式調用百度地圖車聯(lián)網(wǎng)服務,返回檢索后的JSON或XML數(shù)據(jù)。共五十五頁LBS開發(fā)(kāifā)模式

(2)服務接口URIAPI開發(fā)者只需按照接口規(guī)范(guīfàn)構造一條標準的URI,便可在PC和移動端瀏覽器或移動開發(fā)應用中調起百度地圖產(chǎn)品。鷹眼旨在為LBS行業(yè)從業(yè)者,提供最貼心的位置軌跡行業(yè)解決方案。共五十五頁LBS開發(fā)(kāifā)模式(3)Android開發(fā)使用Android平臺APP中實現(xiàn)地圖展示、信息搜索、定位、導航等功能,提供全面的LBS解決方案。Android地圖SDK適用于Android系統(tǒng)移動設備的地圖應用,通過調用地圖SDK接口,可以輕松訪問百度地圖服務(fúwù)和數(shù)據(jù),構建功能豐富、交互性強的地圖類應用程序。Android定位SDK為Android移動端應用提供的一套簡單易用的LBS定位服務接口,可以輕松為應用程序實現(xiàn)智能、精準、高效的定位功能。共五十五頁LBS開發(fā)(kāifā)模式(3)Android開發(fā)Andriod導航SDK為Android移動端應用提供了一套簡單易用的導航服務接口,可以為應用程序實現(xiàn)專業(yè)、高效、精準的導航功能Android全景(quánjǐnɡ)SDK是為Android移動平臺提供的一套全景圖服務接口,提供全景圖的檢索、顯示和交互功能。共五十五頁LBS開發(fā)(kāifā)模式(4)IOS開發(fā)適用iOS移動設備應用中實現(xiàn)地圖(dìtú)展示、POI搜索、導航等功能,搭建專業(yè)LBS類應用。iOS地圖SDKiOS導航SDKiOS全景SDK共五十五頁主要(zhǔyào)內容百度地圖API簡介(jiǎnjiè)LBS開發(fā)模式JavascriptAPI大眾版JavascriptAPI開發(fā)綜合實例學習建議共五十五頁JavascriptAPI大眾版功能(gōngnéng)介紹基本地圖功能:展示(支持2D圖、3D圖、衛(wèi)星圖)、平移、縮放、拖拽等地圖(dìtú)控件展示功能:可以在地圖上添加/刪除鷹眼、工具條、比例尺、自定義版權、地圖類型及定位控件,并可以設置各類控件的顯示位置覆蓋物功能:支持在地圖上添加/刪除點、線、面、熱區(qū)、行政區(qū)劃、用戶自定義覆蓋物等;開源庫提供富標注、標注管理器、聚合marker、自定義覆蓋物等功能覆蓋物功能共五十五頁JavascriptAPI大眾版功能(gōngnéng)介紹工具類:提供經(jīng)緯度坐標與屏幕坐標互轉功能;開源庫里提供測距、幾何運算及GPS坐標/國測局坐標轉百度坐標等功能定位功能:支持IP定位及瀏覽器(支持html5特性瀏覽器)定位功能右鍵菜單:支持在地圖上添加右鍵菜單鼠標交互(jiāohù):支持動態(tài)修改鼠標樣式、鼠標拖拽/縮放地圖及鼠標繪制等功能圖層功能:支持重設地圖底圖、地圖上疊加實時交通圖層或自定義圖層功能給地圖添加右鍵菜單共五十五頁JavascriptAPI大眾版功能(gōngnéng)介紹本地搜索功能:包括根據(jù)城市、矩形范圍、圓形范圍等條件進行POI搜索;且支持用戶自有數(shù)據(jù)的檢索公交檢索:支持起始點坐標、起始點名稱、LocalSearchPoi實例(shílì)三種檢索條件的檢索;檢索結果支持便捷、可換乘、少步行、不乘地鐵四種方案駕車檢索:支持三種檢索條件的檢索;返回最短時間、最短距離、避開高速的駕車導航結果;且提供計算打車費用服務本地搜索功能共五十五頁JavascriptAPI大眾版功能(gōngnéng)介紹步行導航:提供步行導航方案逆/地理編碼:支持百度坐標與地址描述信息之間的轉換(zhuǎnhuàn)服務個性化數(shù)據(jù)展示功能:用戶自有數(shù)據(jù)存儲到LBS.云后,JavaScriptAPI可以提供以麻點圖形式展示自有數(shù)據(jù)功能逆/地理編碼共五十五頁JavascriptAPI大眾版開發(fā)(kāifā)指南<!DOCTYPEhtml>//準備頁面<html><head><metaname="viewport"content="initial-scale=1.0,user-scalable=no"/>//添加meta標簽,以便使頁面更好的在移動平臺上展示<metahttp-equiv="Content-Type"content="text/html;charset=utf-8“/>//注意此處的編碼方式百度地圖JavaScriptAPIv1.0開發(fā)指南<title>Hello,World</title>//網(wǎng)頁標題<styletype="text/css">html{height:100%}body{height:100%;margin:0px;padding:0px}#container{height:100%}</style>//設置樣式,使地圖充滿(chōngmǎn)整個瀏覽器窗口<scripttype="text/javascript“src=/api?v=1.0</script></head><body><divid=“container”></div>//創(chuàng)建div元素//用來作為展示地圖的容器<scripttype="text/javascript">varmap=newBMap.Map("container");//創(chuàng)建地圖實例varpoint=newBMap.Point(116.404,39.915);//創(chuàng)建點坐標map.centerAndZoom(point,15);//設置中心點坐標和級別</script></body>1.百度地圖的“Hello,World”共五十五頁JavascriptAPI大眾版開發(fā)(kāifā)指南1.百度(bǎidù)地圖的“Hello,World”共五十五頁JavascriptAPI大眾版開發(fā)(kāifā)指南2.控件:

百度地圖上負責與地圖交互的UI元素稱為控件Control:控件的抽象基類,通過此類您可實現(xiàn)自定義控件NavigationControl:地圖平移縮放控件,它包含(bāohán)控制地圖的平移和縮放的功能OverviewMapControl:縮略地圖控件,默認位于地圖右下方ScaleControl:比例尺控件,顯示地圖的比例關系MapTypeControl:地圖類型控件,默認位于地圖右上方CopyrightControl:版權控件,默認位于地圖左下方GeolocationControl:定位控件,針對移動端開發(fā)共五十五頁JavascriptAPI大眾版開發(fā)(kāifā)指南2.控件:使用Map.addControl()方法(fāngfǎ)向地圖添加控件:map.addControl(newBMap.NavigationControl());map.addControl(newBMap.ScaleControl());map.addControl(newBMap.OverviewMapControl());map.addControl(newBMap.MapTypeControl());map.setCurrentCity(“北京”);共五十五頁JavascriptAPI大眾版開發(fā)(kāifā)指南2.控件:共五十五頁JavascriptAPI大眾版開發(fā)(kāifā)指南自定義控件百度地圖(dìtú)API允許通過繼承Control來創(chuàng)建自定義地圖控件。步驟如下:定義一個自定義控件的構造函數(shù)設置自定義控件構造函數(shù)的prototype屬性為Control的實例,以便繼承控件基類實現(xiàn)initialize()方法并提供defaultAnchor和defaultOffset屬性共五十五頁JavascriptAPI大眾版開發(fā)(kāifā)指南functionZoomControl(){//定義一個控件類,即function

this.defaultAnchor=BMAP_ANCHOR_TOP_LEFT;this.defaultOffset=newBMap.Size(10,10);}ZoomCtotype=newBMap.Control();//通過prototype屬性繼承于BMap.Control//在本方法中創(chuàng)建個div元素作為控件的容器,并將其添加到地圖容器中ZoomCtotype.initialize=function(map){//實現(xiàn)initialize方法,將控件DOM元素返回vardiv=document.createElement(“div”);//創(chuàng)建一個DOM元素div.appendChild(document.createTextNode(“放大2級”));//

添加文字說明div.style.cursor=“pointer”;//設置樣式

div.style.border="1pxsolidgray";div.style.backgroundColor="white";div.onclick=function(e){map.zoomTo(map.getZoom()+2);}//綁定事件,點擊一次放大兩級map.getContainer().appendChild(div);//

添加DOM元素到地圖中returndiv;}//將DOM元素返回varmyZoomCtrl=newZoomControl();//創(chuàng)建控件實例(shílì)

map.addControl(myZoomCtrl);//添加到地圖當中共五十五頁JavascriptAPI大眾版開發(fā)(kāifā)指南3.覆蓋類所有疊加或覆蓋到地圖的內容,統(tǒng)稱為地圖覆蓋物。如標注、矢量圖形元素(折線和多邊形和圓)、信息窗口等。Overlay:抽象基類,所有的覆蓋物均繼承此類的方法Marker:標注表示地圖上的點,可自定義標注的圖標Label:表示地圖上的文本標注Polyline:表示地圖上的折線Polygon:表示地圖上的多邊形Circle:

表示地圖上的n圓InfoWindow:信息窗口展示更為豐富(fēngfù)的文字和多媒體信息共五十五頁JavascriptAPI大眾版開發(fā)(kāifā)指南3.覆蓋(fùgài)類使用map.addOverlay方法向地圖添加覆蓋物,使用map.removeOverlay方法移除覆蓋物varmarker=newBMap.Marker(point);//創(chuàng)建標注

map.addOverlay(marker);//將標注添加到地圖中varpolyline=newBMap.Polyline([newBMap.Point(116.399,39.910),newBMap.Point(116.405,39.920)],{strokeColor:"blue",strokeWeight:6,strokeOpacity:0.5});map.addOverlay(polyline);varopts={width:250,height:100,title:“Hello”};varinfoWindow=newBMap.InfoWindow(“World”,opts);//創(chuàng)建窗口

map.openInfoWindow(infoWindow,map.getCenter());//打開窗口

共五十五頁添加(tiānjiā)行政區(qū)劃共五十五頁JavascriptAPI大眾版開發(fā)(kāifā)指南4.事件(shìjiàn)瀏覽器中的JavaScript是“事件驅動的”,用戶的鼠標和鍵盤交互可以創(chuàng)建在DOM內傳播的事件。對某些事件感興趣的程序會為這些事件注冊JavaScript事件監(jiān)聽器,并在接收這些事件時執(zhí)行代碼。百度地圖API擁有一個自己的事件模型,可監(jiān)聽地圖API對象的自定義事件。共五十五頁JavascriptAPI大眾版開發(fā)(kāifā)指南百度地圖API可以通過addEventListener方法來監(jiān)聽對象事件該方法有兩個參數(shù):監(jiān)聽事件名稱和事件觸發(fā)時調用的函數(shù)

varmap=newBMap.Map("container");map.centerAndZoom(newBMap.Point(116.404,39.915),11);map.addEventListener("dragend",function(){

varcenter=map.getCenter();

alert("地圖中心點變更為:"+center.lng+","+center.lat);});當不希望(xīwàng)監(jiān)聽事件時,removeEventListener

用來移除事件監(jiān)聽函數(shù)。4.事件共五十五頁JavascriptAPI大眾版開發(fā)(kāifā)指南5.地圖(dìtú)圖層地圖可以包含一個或多個圖層,如

TrafficLayer交通流量圖層通過map.addTileLayer方法可向地圖添加圖層

調用map.removeTileLayer方法從地圖上移除圖層

varmap=newBMap.Map(“l(fā)-map”);

//創(chuàng)建地圖實例varpoint=newBMap.Point(116.404,39.915);//創(chuàng)建點坐標

map.centerAndZoom(point,15);//初始化地圖vartraffic=newBMap.TrafficLayer();//創(chuàng)建交通流量圖層實例map.addTileLayer(traffic);//將圖層添加到地圖上map.removeTileLayer(traffic);//將圖層移除共五十五頁JavascriptAPI大眾版開發(fā)(kāifā)指南6.工具(gōngjù)工具已經(jīng)制作成開源庫(lib)對外免費開放,可直接訪問JavaScript開源庫。MarkerTool:標注工具。用戶可在地圖任意區(qū)域添加標注。MarkerClusterer:多標注聚合器,解決加載大量點要素到地圖上造成緩慢。MarkerManager:標注管理工具。此工具提供展示、隱藏、清除所有標注。RichMarker:富標注工具,為用戶提供自定義Marker樣式,并添加點擊、雙擊、拖拽等事件。共五十五頁JavascriptAPI大眾版開發(fā)(kāifā)指南6.工具varmap=newBMap.Map("container");map.centerAndZoom(newBMap.Point(116.404,39.915),15);varmyPushpin=newBMap.PushpinTool(map);//

創(chuàng)建(chuàngjiàn)標注工具myPushpin.addEventListener("markend",function(e){alert("您標注的位置:"+e.marker.getPoint().lng+","+e.marker.getPoint().lat);});myPushpin.open();

//

開啟標注工具

共五十五頁JavascriptAPI大眾版開發(fā)(kāifā)指南6.工具(gōngjù)LuShu:路書,軌跡運動工具,實現(xiàn)marker沿路線運動。CityList:城市列表工具。AreaRestriction:區(qū)域限制工具。此工具為用戶提供百度地圖瀏覽區(qū)域限制設置。GeoUtils:幾何運算工具,提供判斷點與矩形、圓形、多邊形線、多邊形面的關系,提供計算折線長度和多邊形面積的公式。TrafficControl:實時交通控件。此工具提供將交通流量圖層在地圖上的實時顯示,隱藏等。共五十五頁JavascriptAPI大眾版開發(fā)(kāifā)指南6.工具(gōngjù)DrawingManager:鼠標繪制工具,用戶可以在地圖任意位置上畫點、畫線、畫面并顯示線的距離及面的面積EventWrapper:事件封裝工具,提供了人性化的事件使用方法TextIconOverlay:自定義覆蓋物工具,使用該工具在地圖上添加文字和圖標樣式的覆蓋物SearchInRectangle:拉框縮放工具,實現(xiàn)三種拉框搜索效果SearchInfoWindow:“百度地圖樣式”的信息窗口工具,提供帶搜索框的信息窗口,該窗口內容可自由定制多種風格。SearchControl:檢索控件,針對移動端,提供城市列表選擇、本地檢索框、公交駕車查詢框。共五十五頁JavascriptAPI大眾版開發(fā)(kāifā)指南7.服務(fúwù)地圖服務是指那些提供數(shù)據(jù)信息的接口,比如本地搜索、路線規(guī)劃LocalSearch:本地搜索,提供某一特定地區(qū)的位置搜索服務TransitRoute:公交導航,提供公交出行方案的搜索服務DrivingRoute:駕車導航,提供駕車出行方案的搜索服務WalkingRoute:步行導航,提供步行出行方案的搜索服務Geocoder:地址解析,提供將地址信息轉換為坐標點信息的服務LocalCity:本地城市,提供自動判斷您所在城市的服務TrafficControl:實時路況控件,提供實時和歷史路況信息服務共五十五頁JavascriptAPI大眾版開發(fā)(kāifā)指南7.服務(fúwù)LocalSearch需要設置一個檢索區(qū)域,可以是BMap.Map對象、BMap.Point對象或者是省市名稱(“北京市”)的字符串LocalSearch構造函數(shù)的第二個參數(shù),BMap.RenderOptions類提供了若干控制呈現(xiàn)的屬性varmap=newBMap.Map("container");varlocal=newBMap.LocalSearch(map,{renderOptions:{map:map}});local.search("天安門");BMap.LocalSearch還提包含searchNearby和searchInBounds方法,提供周邊搜索和范圍搜索服務共五十五頁JavascriptAPI大眾版開發(fā)(kāifā)指南8.用戶(yònghù)數(shù)據(jù)圖層

百度地圖API可以將用戶上傳到LBS云里的位置數(shù)據(jù)實時渲染成圖層,然后通過CustomLayer對象疊加到地圖上。CustomLayer類提供讀取LBS云數(shù)據(jù)接口,并自動渲染用戶數(shù)據(jù)生成數(shù)據(jù)圖層,同時提供單擊疊加圖層返回poi數(shù)據(jù)的功能。共五十五頁JavascriptAPI大眾版開發(fā)(kāifā)指南9.全景圖展現(xiàn)(zhǎnxiàn)百度全景地圖提供沿著全景覆蓋城市指定道路、指定位置點360度的全景視圖,相比二維地圖全景圖更加真實、直觀百度LBS開放平臺通過JavaScriptAPI對外提供全景功能共五十五頁JavascriptAPI大眾版開發(fā)(kāifā)指南<divid="panorama"style="width:100%;height:100%"></div><scripttype="text/javascript">window.onload=function(){varpanorama=newBMap.Panorama('panorama');panorama.setPosition(newBMap.Point(120.320032,31.589666));panorama.setId('010001000013050112241601//5Z1');panorama.setPov({heading:-40,pitch:6});}</script>經(jīng)除緯度外,還可通過指定全景的id設置當前顯示的全景視圖

heading和pitch兩個參數(shù)用于設置全景的視角,heading指攝像頭水平(shuǐpíng)方向(“搖頭”)的角度,正北方向為0,正東為90,正南為180,正西為270pitch指攝像頭的垂直方向(“點頭”)共五十五頁JavascriptAPI大眾版開發(fā)(kāifā)指南10.定制(dìnɡzhì)個性地圖定制個性地圖是支持用戶使用JavaScriptAPI設置地圖底圖的樣式風格(展現(xiàn)顏色為普通、深色、淺色)以及控制組成地圖底圖的元素類的顯示和隱藏,創(chuàng)建滿足用戶特定需求的與眾不同的地圖,如通過隱藏某類地圖元素,突出展示自己的數(shù)據(jù)共五十五頁JavascriptAPI大眾版開發(fā)(kāifā)指南10.定制(dìnɡzhì)個性地圖共五十五頁主要(zhǔyào)內容百度地圖API簡介LBS開發(fā)(kāifā)模式Web開發(fā)之JavascriptAPI大眾版開發(fā)JavascriptAPI開發(fā)綜合實例學習建議共五十五頁綜合(zōnghé)實例<div><p><inputid="startBtn"type="button"onclick="startTool();"value="開啟取點工具"/><inputtype="button"onclick="map.clearOverlays();document.getElementById('info').innerHTML='';document.getElementById('name').value='';points=[];key=1;document.getElementById('startBtn').style.background='red';document.getElementById('startBtn').value='關閉狀態(tài)';"value="清除(qīngchú)"/><inputtype="text"value="深圳"id="name"/><inputtype="button"id="btn"value="查找"onclick="startQuery();writeToTxt(document.getElementById('name').value+',')"/><inputtype="button"id="over"value="閉合多邊形"<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>獲取區(qū)域邊界坐標</title><scripttype="text/javascript"src="/api?v=1.2"></script><scripttype="text/javascript"src="/library/GeoUtils/1.2/src/GeoUtils_min.js"></script></head><body><divstyle="weight:100px;height:450px;border:1pxsolidgray"id="container"></div>代碼

在實際地理應用中,我們經(jīng)常需要對一面狀地物的邊界、面積等信息進行分析,但是對一些小區(qū)域我們并不能直接從地圖上獲取該方面的信息,因此如何獲取某區(qū)域的邊界,顯得尤為重要。該實例就是綜合利用百度地圖API的相關控件,函數(shù)等進行地物的有效查詢,并通過加載不同類型的地圖控件,對不同形式的地圖進行比較獲取更為準確的邊界范圍,最后調用相關函數(shù)獲取邊界坐標信息共五十五頁綜合(zōnghé)實例<scripttype="text/javascript">varmap=newBMap.Map(“container”);//創(chuàng)建Map實例map.centerAndZoom("深圳",11);//初始化地圖,設置中心點坐標(zuòbiāo)和地圖級別map.enableScrollWheelZoom();//使鼠標滾輪可用varmapType1=newBMap.MapTypeControl({mapTypes:[BMAP_NORMAL_MAP,BMAP_HYBRID_MAP]});varmapType2=newBMap.MapTypeControl({anchor:BMAP_ANCHOR_TOP_LEFT});varoverView=newBMap.OverviewMapControl(); varoverViewOpen=newBMap.OverviewMapControl({isOpen:true,anchor:BMAP_ANCHOR_BOTTOM_RIGHT});

//添加地圖類型和縮略圖onclick="closePolyline();document.getElementById('startBtn').style.background='red';document.getElementById('startBtn').value='關閉狀態(tài)';key=1;"/><inputtype="button"value="添加地圖類型控件"onclick="add_control()"/><inputtype="button"value="刪除地圖類型控件"onclick="delete_control()"/></p></div><divid="info"></div></body></html>代碼共五十五頁綜合(zōnghé)實例//根據(jù)輸入的名稱進行查詢,并顯示出來functionstartQuery(){varlocal=newBMap.LocalSearch(map,{renderOptions:{map:map},autoViewPoint:true});varname=document.getElementById("name").value;local.search(name);//查詢alert("查找完畢,請謹慎選擇!");}//打開txt文檔并將數(shù)據(jù)寫入functionwriteToTxt(s){//權限只讀(只讀=1,只寫=2,追加(zhuījiā)=8等權限)varForReading=1,ForAppending=8;varfso=newActiveXObject("Scripting.FileSystemObject");varaddss="C:\\Users\\Administrator\\Desktop\\區(qū)域坐標\\坐標(new).txt"Varf=fso.OpenTextFile(addss,ForAppending,false);f.Write(s);}//functionadd_control(){ map.addControl(mapType1);//2D圖,衛(wèi)星圖 map.addControl(mapType2);//左上角,默認地圖控 map.setCurrentCity("北京");//由于有3D圖,需要設置城市哦 map.addControl(overView);//添加默認縮略地圖控件 map.addControl(overViewOpen);//右下角,打開

}//移除地圖類型和縮略圖

functiondelete_control(){ map.removeControl(mapType1);//移除2D圖,衛(wèi)星圖

map.removeControl(mapType2); map.removeControl(overView); map.removeControl(overViewOpen);}//代碼共五十五頁綜合(zōnghé)實例map.addEventListener("click",function(e){//單擊地圖,形線覆蓋成折物

newpoint=newBMap.Point(e.point.lng,e.point.lat);if(key==0){points.push(newpoint);//將新增的點放到數(shù)組中

polyline.setPath(points);//設置折線的點數(shù)組

map.addOverlay(polyline);//將折線添加到地圖上

document.getElementById("info").innerHTML+=e.point.lng+","+e.point.lat+";"+"\n";//輸出數(shù)組里的經(jīng)緯度//調用writeToTxt()函數(shù),將數(shù)據(jù)(shùjù)寫入指定文檔中varcoor=e.point.lng+","+e.point.lat+";";writeToTxt(coor);alert("該點坐標已寫入,請選擇下一個有效點!");}});varkey

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論