導航:首頁 > 萬維百科 > 網站導航設計地圖

網站導航設計地圖

發布時間:2020-11-18 01:06:42

1、導航地圖是怎樣繪制出來的

平常我們使用導航有兩種情景:一種是使用電腦或者智能設備上的地圖軟體來導航;另一種是使用更專業的車載導航或者手持GPS。
從地圖的採集到最終應用在導航軟體,整個過程將涉及到地圖學、地理學、遙感技術以及計算機科學等跨學科知識。我們盡量用淺顯的語言解釋整個制圖過程。不過在此之前,我們必須先了解兩個概念。
GIS:Geographic Information System,即地理信息系統。通俗的說是將實際的地形、建築等地理信息轉換成數字模式,可以將這些數字化了的信息進行存儲、分析、管理、計算等操作。
POI:Point of Interest,即興趣點。一個POI可以是一棟房子、一個商鋪、一個郵筒、一個公交站等。傳統的地理信息採集方法需要地圖測繪人員採用精密的測繪儀器去獲取一個興趣點的經緯度,然後再標記下來。
GIS和POI是構成導航內地圖不可或缺的兩個信息,這些信息在地圖上以不同圖層顯示出來。經過對圖層的疊加,顯示進行表達的過程。對地圖應用目標不同,疊加圖層也不同。比如你想查看衛星圖,選擇「衛星圖層」就可以直接顯示出來。
●地圖數據分為這幾大類:
1. 底圖數據:
底圖就是地圖中最基本的圖形數據和一些相關附加信息。底圖數據來源有三個:
官方地圖:地圖廠商從政府測繪局購買其發布的權威地圖。
實地外采:實地外采就是測繪人員利用專業儀器,在實地環境中測繪得到數據。這種實地外采精度高,置信度高,但是缺點是成本高,周期長。
航片衛片:通過自己拍攝或者購買高精度航空照片或者衛星照片,作為底圖數據。這種地圖數據被絕大多數地圖廠商採用。目前航拍或者衛星地圖精度已經可以達到0.05米甚至更精確,這個精度已經足夠所有地圖生產商使用。
2. POI數據:
上面已經解釋了POI數據的概念,我們這里只討論POI數據來源。
通過數據採集車採集:採集後數據通過手工標注。這種方式適合大規模採集標注,效率高成本低,尤其適合沿街的店面和場所的採集和標注,是目前數據採集供應商的主要採集手段之一。
通過專職或者兼職人員利用手機等智能設備進行採集:它是對上一種採集方式的補充,比較適合變動頻繁的商戶位置。
地址反向編譯:這種方式通過門牌地址號碼,運用演算法進行定位標注。這種方法的好處是成本非常低,但是精度和准確度都不高。
從互聯網或者企業獲取:這些POI直接從專業網站抓取或者購買。一些企業也可以利用這些地圖開放的API服務為自己互聯網產品服務。
POI數據不需要很多資質限制,所以提供POI數據的服務生比底層數據供應商多很多。比如圖吧就是主要的POI數據供應商。
3. 其他數據:
其他常見數據圖層包括交通狀況圖層、衛星圖層、三維圖層、街景圖。交通狀況圖主要依賴於安裝在計程車上的GPS採集實時數據,或者通過激光測速儀、攝像頭、雷達測速等專業設備採集交通路況信息。三維圖層主要依靠激光掃描和手工建模。街景則依賴實地拍攝。
數據處理
獲得這些數據後,需要對這些數據需要進行模型化處理。目前有兩種建模方式:矢量模型和柵格模型。
對地圖數據進行加工後,整個地圖製作就基本成型了。地圖廠商需要將做好的地圖進行實地測試,保證地圖的完整性和可靠性。最後這些原始地圖數據在相關部門做保密技術處理和審查。通過審查後,電子地圖就可以公開的在網上發布或者銷售。至此,整個地圖製作過程基本結束。

2、設計中需要地圖的分析,但是不知道該從哪裡找到現成的地圖,不是導航的地圖,屬於地形圖一類。

找衛星地圖,網上可以搜到,下載列印出來就好了。

3、百度地圖 如何按照我自己設計的路線導航?

實時導航是最方便的,一般遇到這種問題就得看地圖,建議你下載一個騰訊地圖用一用內,騰訊地圖功能容非常強大隻有你想不到的沒有騰訊地圖做不到的,騰訊地圖就這點特別好,對於位置區分及路線都是很容易分辨的,內置全國離線地圖數據,節省超過90%的流量,即使手機停機了,一樣可以不迷路。如果你想坐車去也能看見公交線路及駕車路線,路線清晰容易分辨,隨時更新你的位置和當前路線就是最簡單的路線圖。

4、怎麼添加網站的地圖,不是公司的地址,而是網站導航的地圖,怎麼製作,怎麼添加進後台成為地圖?

如果要做html的,你可以遍歷資料庫,把數據讀出來加連接就 可以
如果要做xml的,你可以網上去搜sitemap在線製作,HTML的也可以在線製作

5、手機網站導航地圖如何跳轉到手機導航

為何不用gps?手機有這功能,不用就浪費了(呵呵,2月1日,我的n85剛親機測試過.真實可用)
上百內度容搜索"garmin
mobile
xt5.00.20安裝v7地圖(新地圖已發布+內有安裝視頻教學)"
第一條就是了,最新的地圖,詳細的破解過程,最好用的導航!
garmin
mobile
xt破解安裝後進行導航完全免費,不用gprs聯網,所以不會產生任何費用!
有什麼不明白不會弄的地方,可以繼續討論討論.留下聯系方式哦!

6、html5實現地圖上定位導航路線

HTML5+JQM即可實現

參考方法:
1.先去通過百度拾取坐標系統獲得點位的坐標
http://api.map.baidu.com/lbsapi/getpoint/index.html

2.在網頁的<head>中插入百度API引用腳本。
<script type="text/javascript" src="http://api.map.baidu.com/api?

key=&v=1.1&services=true"></script>

3.在網頁的</body>之後</html>之前插入地圖顯示代碼

4.設置顯示地圖的div的id為「dituContent」,即添加 id="dituContent"
由於jqm的div的高度都是根據內容自由放大的,所以為了地圖能正常顯示,還需要

增加一個高度值,一般情況600px就可以

注意事項:

1. var point = new BMap.Point(120.524011,36.395728); 這是定義中心店坐標

2. map.centerAndZoom(point,15); 這個據我調試 應該是控制地圖比例縮放的

3. window.setTimeout(function(){map.panTo(point);}, 1000);注意了 一般的

demo是沒有這個東西滴,所以呢當跳轉到地圖的頁面時候 是不會顯示你定位的中心

點的 但是由於我的聰明和機智 各種裝孫子求助大神 才得知了這個大神不削一顧

的屬性 :設定地圖載入後1秒調至中心點 。。最後強調下

低調 一定要低調。。。

4. function createIcon(json){
var icon = new BMap.Icon("images/map_icon.png", new BMap.Size

(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-

json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size

(json.x,json.h)})
return icon;
} 這里就是創建一個icon

5. var markerArr = [{title:"西程村",content:"青島市即墨市藍鰲路 電話:

123123123213",point:"120.524011|36.395728",isOpen:0,icon:

{w:32,h:32,l:0,t:0,x:6,lb:5}}]; 這里呢 就是設置定位的信息

7、百度地圖API之如何製作駕車導航

答案是,使用數據介面。數據介面,可以讓百度地圖API的數據,按照自定義的形式展示。 這個功能非常實用,學會這個方法,可以讓您的地圖更加接近百度地圖的功能!一、創建地圖與網頁樣式 創建一張簡單的地圖,只需要3句話。varmap =newBMap.Map("container"); //創建Map實例 varpoint =newBMap.Point(116.404, 39.915); //創建點坐標 map.centerAndZoom(point,15); //初始化地圖,設置中心點坐標和地圖級別。 然後,我們製作出兩個輸入框,分別是起點輸入框,和終點輸入框。 從<input class="txt"type="text"value="機場"id="startInput"/>到<input class="txt"type="text"value="西站"id="endInput"/> <input type="button"value="駕車"onclick="mDriving()"/> 使用「駕車」按鈕,獲取輸入框中的數據。functionmDriving(){varstartPlace =document.getElementById("startInput").value;varendPlace =document.getElementById("endInput").value;} 二、創建搜索實例 對於起點和終點,我們需要創建2個不同的搜索實例://創建2個搜索實例 varstartSearch =newBMap.LocalSearch(map,startOption);varendSearch =newBMap.LocalSearch(map,endOption); 在點擊「駕車」按鈕後,開始搜索起點和終點都有哪些符合關鍵詞的地方(POI點)。functionmDriving(){varstartPlace =document.getElementById("startInput").value;varendPlace =document.getElementById("endInput").value; startSearch.search(startPlace); endSearch.search(endPlace); document.getElementById("box").style.display="block"; } 三、搜索的數據介面 由於AJAX是非同步載入的,我們使用百度地圖API提供的回調函數onSearchComplete,來完成對搜索成功後的操作。 當搜索成功後,把每一個搜索結果(POI),按照我們自定義的方式,列在面板中。其實,這里我們只使用了數據介面,沒用百度默認的結果面板。varstartOption ={ onSearchComplete: function(results){//判斷狀態是否正確if(startSearch.getStatus() ==BMAP_STATUS_SUCCESS){ startResults =results;vars =[];for(vari =0;i <results.getCurrentNumPois(); i ++){ s.push("<div><p><a onmouseover='map.openInfoWindow(startInfowin,startResults.getPoi("+i +").point);' href='#'>"); s.push(results.getPoi(i).title); s.push("</a></p><p>"); s.push(results.getPoi(i).address); s.push("</p></div>"); } document.getElementById("startPanel").innerHTML =s.join(""); }else{startResults =null;} } }; 當用戶滑鼠移到起點面板的標題處,我們在地圖上打開一個信息窗口。裡面放「選為起點」的按鈕。varstartInfowin =newBMap.InfoWindow("<p class='t-c'><input value='選為起點' type='button' onclick='startDeter();' /></p>"); 用戶點擊「選為起點」的按鈕後,選定該點為起點,並隱藏起點面板,讓用戶選擇終點。 為了方便看清起點的位置,我們需要在地圖上打個紅色的標注。並且,再次選擇起點時,要清楚上一次的標注。functionstartDeter(){ map.clearOverlays(); startPoint =startInfowin.getPosition();varmarker =newBMap.Marker(startPoint); map.addOverlay(marker); document.getElementById("startPanel").style.display="none"; } 同理,製作終點的面板。這里需要注意的是,終點和起點不同,選擇終點之後,需要創建一個駕車實例,並且繪制出駕車路線。 所以要做一個判斷,用戶是否已經選擇了起點。如果沒有,提示用戶要先選擇起點。functionendDeter(){ if(startPoint==null){alert("請先選擇起點!");}else{ endPoint =endInfowin.getPosition(); driving.search(startPoint,endPoint); document.getElementById("endPanel").style.display="none"; } } 四、創建駕車實例和結果面板 在選擇完畢確定的終點和起點後,駕車的結果就明了了。 一句話,輕松搞定。 vardriving =newBMap.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true,panel:drivingPanel}});五、頁面樣式完善 為了讓頁面干凈好看,我們可以把不必要的結果展示暫時隱藏起來,當需要它們的時候,再展開。

8、如何在網頁中加導航地圖

你在網站中加上一個鏈接<a href="你的地圖首頁地址">網站地圖</a>這樣就可以了

9、web 網站中添加百度地圖導航功能,怎麼實現

這是網路知道的地理分類做成的。你下載一個安卓餓手機客戶端,裡面有這個功能,可以顯示個人的地理位置。謝謝採納為滿意答案。

10、web 網站中添加百度地圖導航功能,怎麼實現

Web2.0 則更注重用戶的交互作用,用戶既是網站內容的瀏覽者,也是網站內容的製造者。越來越多的用戶希望從你的網站上面獲取到有用的信息,比如:公司地址,電話,業務方面等等...相信網頁地圖這個小功能必然會為你的網站增色不少;
2
1.打開瀏覽器,輸入map.baidu.com,在右上角找到地圖API鏈接,點擊;

3
2.進入頁面後,拖動滑鼠到達頁面最下方,找到地圖生成器,點擊;

4
3.跳轉到生成代碼頁面,首先選擇你的城市,在圖中所示位置切換,這里以北京為例給大家做演示;

5
4.找到你的位置(或是公司的位置),這里以北京大學為例,單擊;

6
5.設置地圖,寬度和高度可以自定義,這里使用默認的,下面的一些個選項根據自己的需要去選就行;

7
6.添加標注(就是地圖上的小標志),圖標可以選擇,輸入名稱和備注,點擊保存;

8
7.將標注移動到地圖上對應的位置,然後單擊標注,即可顯示你保存的標注信息,效果如圖所示;

9
8.點擊復制代碼,原則上應該將代碼處理後然後插入到網頁適當的位置,(有點HTML基礎的朋友都知道應該怎麼做),這里給大家做演示,就隨便新建了一個HTML文件,然後將代碼放了進去;

PS:頂部的網頁字元格式要和自己的原網頁保持一致,如果是在原網頁中嵌入代碼,這個需要自己處理;

與網站導航設計地圖相關的知識