天天看點

【百度地圖API】如何制作一張魔獸地圖!!——CS地圖也可以,哈哈哈

摘要:

  你玩魔獸不?你知道如何做一張魔獸地圖不?!

  快來看此文吧!

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

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

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

  用切片工具,把一張完整的圖檔(最好大一些,清楚一些),切成小片。(下周我貼這個工具的下載下傳連結出來。留個懸念,哈哈。)

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

構造函數

描述

建立一個地圖圖層執行個體。

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

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());

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

【百度地圖API】如何制作一張魔獸地圖!!——CS地圖也可以,哈哈哈

繼續閱讀