【百度地圖API】如何制作一張魔獸地圖！！——CS地圖也可以，哈哈哈 原文:【百度地圖API】如何制作一張魔獸地圖！！——CS地圖也可以，哈哈哈

摘要：

　　你玩魔獸不？你知道如何做一張魔獸地圖不？！

　　快來看此文吧！

---------------------------------------------

一、制作魔獸地圖的準備工作

　　其實，你只需要準備一些地圖的瓦片圖，就可以了。

　　用切片工具，把一張完整的圖片（最好大一些，清楚一些），切成小片。（下周我貼這個工具的下載鏈接出來。留個懸念，哈哈。）

正式公布切圖工具鏈接： http://openapi.baidu.com/Tools/TileCutter.rar?

二、了解百度地圖API的地圖圖層接口

構造函數	描述
TileLayer([opts:TileLayerOptions])	創建一個地圖圖層實例。

? ? ?接口地址：http://openapi.baidu.com/map/classReference.html#anchor6_TileLayer

使用這個接口，就可以將切好的地圖瓦片鋪在原有的百度地圖上。　

var tileLayer = new BMap.TileLayer();
tileLayer.getTilesUrl = function(tileCoord, zoom) {
var x = tileCoord.x;
var y = tileCoord.y;
var url = 'images/tiles/' + zoom + '/tile' + x + '_' + y + '.png';
return url;
}

三、限制地圖的顯示級別

　　如果，你只切了1-4級的地圖，那么你的魔獸地圖應該只能顯示1-4級。

　　所以，要對map的顯示做一個限制。看下面源代碼第一行。

　　還需要規定出自定義地圖類型，看源代碼第二行。

　　第三行，添加的魚骨控件，只會顯示1-4級喲~因為在第一行控制了minZoom和maxZoom。

var MyMap = new BMap.MapType('MyMap', tileLayer, {minZoom: 1, maxZoom: 4});
var map = new BMap.Map('container', {mapType: MyMap});
map.addControl(new BMap.NavigationControl());

----------------------------------------------------------------------------------

示例：http://openapi.baidu.com/map/exam/example.html?v=1.2&7_20#7&20?

posted on 2015-01-07 11:56 NET未來之路 閱讀(...) 評論(...) 編輯 收藏

轉載于:https://www.cnblogs.com/lonelyxmas/p/4208074.html

總結

以上是生活随笔為你收集整理的【百度地图API】如何制作一张魔兽地图！！——CS地图也可以，哈哈哈的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。