欧美激情16p_蜜臀成人_伊人久久婷婷_日韩午夜免费_日本亚洲国产_欧美成人手机在线

湖南長沙八年做網站,網絡優化推廣服務團隊,讓您小投資大回報,幫您打開網絡營銷財富之門!
 業務服務熱線:0731-88571521  13637482004  
 


地址:長沙市韶山南路248號南園503
      室(瀟湘晨報旁)
電話:0731-88571521
手機:13637482004
Q  Q:44377655 522392221
網址:m.xiaomeihua.cn
郵箱:522392221@qq.com
建站知識
長沙做網站聯系電話:0731-88571521 13637482004

怎么給做的網站加入地圖 百度地圖API詳解之自定義地圖類型

信息來源:長沙做網站   發布時間:2013-4-4   瀏覽:

百度地圖API目前默認支持兩種地圖類型(map type):普通圖和三維圖,它們分別通過常量BMAP_NORMAL_MAP和BMAP_PERSPECTIVE_MAP來表示,在1.2版本中這兩個常量實際上是MapType對象的實例。當然開發者也可以自己實例化一個MapType從而實現一個自定義的地圖。

切圖工具的使用

我們先從切圖工具的使用開始,接著再分析該工具產生的代碼來詳細了解自定義地圖的方法。切圖工具放在了github上,具體地址為:https://github/jiazheng/BaiduMapTileCutter,進入后請下載TileCutter.exe:

注意,該工具是基于平臺開發的,所以要求有 Framework 4 以上的版本。

啟動這個exe后會出現這個界面:

首先我們要做的就是選擇一張圖片作為地圖的底圖(圖片下載自這里):

點擊下一步后需要設置輸出的目錄,這里我們直接選擇桌面:

繼續下一步,這里要設置輸出類型,我們使用默認值,即圖塊和相關代碼都由工具生成:

坐標設置我們使用默認值,即圖片的中心點所在的位置。由于我們制作的是獨立的地圖類型,所以中心點設置為0, 0即可。

級別范圍設置:我們使用自定義,將范圍設置為5到10級,原圖放置在第10級,這樣5到9級工具就會自動縮小圖片。建議原圖所在級別與最大級別一致,否則高于原圖所在級別的時候圖片會發虛(因為工具會將圖片進行放大處理)。

設置地圖類型的名稱:

一切就緒,最后可以確認所有的信息是否正確。然后就可以點擊“開始切圖”了。

完成了:

這時我們會發現桌面多了一個index.html和一個tiles文件夾。我們打開index.html會看到結果:


源代碼解析

現在再來看看這個頁面的代碼部分:

復制代碼
<!DOCTYPE html> <html> <head> <title>自定義地圖類型</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://api.map.baidu/api?v=1.2"></script> </head> <body> <div id="map" style="width:800px;height:540px"></div> <script type="text/javascript"> var tileLayer = new BMap.TileLayer();
tileLayer.getTilesUrl = function(tileCoord, zoom) {
    var x = tileCoord.x;
    var y = tileCoord.y;
    return 'tiles/' + zoom + '/tile' + x + '_' + y + '.png';
}var MyMap = new BMap.MapType('MyMap', tileLayer, {minZoom: 5, maxZoom: 10});var map = new BMap.Map('map', {mapType: MyMap});
map.addControl(new BMap.NavigationControl());
map.centerAndZoom(new BMap.Point(0, 0), 10);</script> </body> </html>
復制代碼

代碼先創建了一個TileLayer實例,它代表一個圖層,接著實現getTilesUrl方法提供圖片的路徑。getTilesUrl方法由API在鋪圖的時候進行調用,調用時會提供圖塊編號和級別信息,開發者要做的就是根據圖塊編號和級別信息返回正確圖片地址(有關坐標和圖塊編號的內容可以閱讀此文)。

下面代碼創建一個MapType實例,第一個參數為地圖類型的名字,第二個參數為地圖類型所對應的圖層,這里我們直接傳遞之前創建的TileLayer實例,后面是一些可選的配置參數,這里指定了最小級別和最大級別。

后面的代碼就很簡單了,創建map實例,并通過配置參數指定地圖類型為MyMap。



相關熱點文章


地址:湖南長沙市韶山南路248號南園503室(瀟湘晨報旁)  版權所有:長沙市天心區斌網網絡技術服務部
咨詢電話:0731-88571521   13637482004
業務 QQ:客服一 1306053142 客服二 1320506001 技術/售后 522392221 高級顧問 44377655
服務郵箱:fanbin@binweb.cn   522392221@qq.com
官方網址:www.binweb.cn   m.xiaomeihua.cn
旗下網站:斌網網絡  長沙信息處  佛佛網  曬土貨網
 湘公網安備 43010302000270號  網站ICP備案號:湘ICP備13006070號-1  

在線客服1 在線客服2 技術咨詢 資深顧問

主站蜘蛛池模板: 免费一级片 | 中文字幕在线免费观看视频 | 91麻豆精品成人一区二区 | 免费av成人 | 超碰黑人 | 97久久人国产精品婷婷 | 天天夜夜草 | 成人免费超碰 | 日韩国产在线播放 | 精品久久免费视频 | 91久久精品日日躁夜夜躁国产 | 日本久久不卡 | 亚洲色图都市激情 | 91操人视频 | 日韩亚洲视频 | 久久久久久久久综合 | 91ts人妖另类精品系列 | 久久99久久久久 | 成人激情av | 亚洲v欧美 | 国产精品揄拍一区二区 | 国产网站在线免费观看 | 日本中文在线观看 | 黄色av网站在线免费观看 | 国产精品成人免费精品自在线观看 | 欧美三级网站在线观看 | 91精品久久久久久久久久久久 | 国产第9页 | www.四虎com| 四虎国产成人精品免费一女五男 | 黄色在线免费观看网站 | 日本一区二区在线 | 亚洲成人av一区二区三区 | 久久一级黄色片 | 日韩欧美少妇 | 国产h在线| 欧美一区二区成人 | 日韩欧美卡一卡二 | 成人av免费看 | 久久久久久久久久久国产精品 | 午夜爱爱影院 |