【百度地图API】如何制作一张魔兽地图！！—

【百度地图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地图也可以，哈哈哈相关推荐

调用百度地图API接口制作热力图
调用百度地图API接口制作热力图 Python学了很久,也做了一些机器学习的demo,利用matolotlib库做过一些可视化.今天呢想尝试做一下热力图.先PO一张我最终效果图. 因为数据原因,效果一 ...
【百度地图API】如何判断点击的是地图还是覆盖物？
原文:[百度地图API]如何判断点击的是地图还是覆盖物? 摘要:很多API爱好者问我,为什么我点击的是marker,而map也会响应该事件呢?怎样才能判断,我点击的是标注,还是地图呢?下面一起来看看. ...
调用百度地图API，如何只显示某个省份的地图
需求如下 1.调用百度地图API 2.只显示某个省份的地图如安徽省,其他的都不要显示实现步骤如下 1.调用百度地图Api,显示地图 https://blog.csdn.net/tian_jiangn ...
【百度地图API】制作多途经点的线路导航
先创建一张地图的容器: <div class="pos-a" id="allmap"style="width: 100%; height: 95 ...
ArcGIS+百度地图API：制作杭州市边界shp文件
参考文章:百度地图API+ArcGIS软件-城市出行时空数据可视化_WenWu_Both的博客-CSDN博客这篇博客在介绍的时候遗漏了很多关键步骤,我对此进行了必要的补充. 一.获取轮廓线的代码(g ...
【百度地图API】如何快速创建带有标注的地图？——快速创建地图工具+如何标注商家...
摘要: 如果你不会程序,如果你不想写代码. 如果你想拥有一张自己的地图,如果你想在该地图上标注出你商店的位置. 不要犹豫了,就使用快速创建地图工具吧! ----------------------- ...
用百度map api展示时空数据（五）--老地图的添加与删除
使用百度map api提供的groundOverlay来实现简单的老地图添加与删除.首先需要一张老沈阳地图. <input type="button" οnclick=&qu ...
【腾讯地图API】制作多途经点的线路导航——路线坐标规划
面试:你懂什么是分布式系统吗?Redis分布式锁都不会?>>> 最近百度地图转腾讯地图以前用过百度地图实现路线坐标规划,不过搜索了一些没有搜索到腾讯地图的路线坐标规划,于是参数 ...
百度地图API:如何查询数自己的数据库标注地图并让标注显示在最佳视野内
由于在实际项目中经常需要查询自己的数据库去标注地图,所以特地写了这个例子,数据库为oracle,把数据库查询出来的数据绑定到前台gridview控件,点击数据中的任何一行,实现标注.效果图: 地图标注 ...

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

【百度地图API】如何制作一张魔兽地图！！——CS地图也可以，哈哈哈相关推荐

最新文章

热门文章