【百度地图API】如何制作一张魔兽地图!!——CS地图也可以,哈哈哈
2011-05-27 16:20
363 查看
摘要:
你玩魔兽不?你知道如何做一张魔兽地图不?!
快来看此文吧!
---------------------------------------------
一、制作魔兽地图的准备工作
其实,你只需要准备一些地图的瓦片图,就可以了。
用切片工具,把一张完整的图片(最好大一些,清楚一些),切成小片。(下周我贴这个工具的下载链接出来。留个悬念,哈哈。)
正式公布切图工具链接: http://openapi.baidu.com/Tools/TileCutter.rar
二、了解百度地图API的地图图层接口
接口地址: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://pic002.cnblogs.com/images/2011/249635/2011052716190182.jpg)
示例:http://openapi.baidu.com/map/exam/example.html?v=1.2&7_20#7&20
你玩魔兽不?你知道如何做一张魔兽地图不?!
快来看此文吧!
---------------------------------------------
一、制作魔兽地图的准备工作
其实,你只需要准备一些地图的瓦片图,就可以了。
用切片工具,把一张完整的图片(最好大一些,清楚一些),切成小片。(下周我贴这个工具的下载链接出来。留个悬念,哈哈。)
正式公布切图工具链接: http://openapi.baidu.com/Tools/TileCutter.rar
二、了解百度地图API的地图图层接口
构造函数 | 描述 |
TileLayer([opts:TileLayerOptions]) | 创建一个地图图层实例。 |
使用这个接口,就可以将切好的地图瓦片铺在原有的百度地图上。
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://pic002.cnblogs.com/images/2011/249635/2011052716190182.jpg)
示例:http://openapi.baidu.com/map/exam/example.html?v=1.2&7_20#7&20
相关文章推荐
- 【百度地图API】如何制作一张魔兽地图!!——CS地图也可以,哈哈哈
- 【百度地图API】如何制作一张魔兽地图!!——CS地图也可以,哈哈哈
- 【百度地图API】如何自定义地图图层?实例:制作麻点图(自定义图层+热区)
- 【百度地图API】如何制作多途经点的线路导航——驾车篇
- 如何快速的10分钟制作一张主从表单及功能
- 如何手动制作透明的图片相框 可以供android使用
- Linux下如何自己编译源代码(制作成可以安装的.deb文件)
- 百度地图API之如何制作驾车导航 推荐
- 如何快速的制作一张分组报表及扩展
- 如何制作一寸。二寸。六寸照片 多学点,以后自己也可以弄哦
- 百度地图高级实例1-如何利用【百度地图API】,制作房产酒店地图?(中)
- 【百度地图API】如何制作商圈地图?行政地图?
- 【百度地图API】如何利用地图API制作汽车沿道路行驶的动画?——如何获得道路层数据
- 【百度地图API】如何制作公交线路的搜索?如331路
- 【百度地图API】如何利用PhoneGap制作地图APP
- 如何制作一张简单的UT3地图(下 )
- 百度地图高级实例1-如何利用【百度地图API】,制作房产酒店地图?(下)
- 【百度地图API】——如何用label制作简易的房产标签
- 观摩别人如何制作出一张令人惊艳的“图片”
- 【百度地图API】如何制作班级地理通讯录?LBS通讯录