【百度地图API】如何制作一张魔兽地图!!——CS地图也可以,哈哈哈

简介: 原文:【百度地图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());

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

img_9d095775c9ba37bc372b21af7af5c95a.jpg

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

目录
相关文章
|
5天前
|
定位技术 API 容器
百度地图API的使用教程以及案例(一)
百度地图API的使用教程以及案例
|
5天前
|
定位技术 API
百度地图API的使用教程以及案例(二)
百度地图API的使用教程以及案例
|
27天前
|
定位技术 API 开发者
百度地图API的使用示例
百度地图API的使用示例
18 0
|
28天前
|
前端开发 定位技术 API
前端切图:调用百度地图API
前端切图:调用百度地图API
14 0
|
28天前
|
JavaScript 定位技术 API
js调用百度地图api
js调用百度地图api
14 0
|
4月前
|
定位技术 API 开发工具
Android 按照步骤接入百度地图API,定位显示不了解决办法
Android 按照步骤接入百度地图API,定位显示不了解决办法
139 0
|
5月前
|
数据可视化 搜索推荐 JavaScript
数据可视化大屏百度地图区域掩膜MapMask实现地图指定区域非省市县行政区显示的实战案例解析(JavaScript API GL、个性化地图定制、指定区域经纬度拾取转化)
数据可视化大屏百度地图区域掩膜MapMask实现地图指定区域非省市县行政区显示的实战案例解析(JavaScript API GL、个性化地图定制、指定区域经纬度拾取转化)
498 0
|
5月前
|
定位技术 API 容器
百度地图API开发:停车场分布标注和检索静态版
百度地图API开发:停车场分布标注和检索静态版
59 0
|
5月前
|
前端开发 定位技术 API
百度地图API:根据起始点经纬度坐标确认最佳路线规划
百度地图API:根据起始点经纬度坐标确认最佳路线规划
47 0
|
5月前
|
定位技术 API
百度地图API开发:多边形覆盖物鼠标高亮效果及单击事件
百度地图API开发:多边形覆盖物鼠标高亮效果及单击事件
101 0
热门文章
最新文章
推荐文章
更多