【百度地图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 

时间: 2024-10-02 09:41:50

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

【百度地图API】如何快速创建带有标注的地图?——快速创建地图工具+如何标注商家

原文:[百度地图API]如何快速创建带有标注的地图?--快速创建地图工具+如何标注商家 摘要: 如果你不会程序,如果你不想写代码. 如果你想拥有一张自己的地图,如果你想在该地图上标注出你商店的位置. 不要犹豫了,就使用快速创建地图工具吧! -------------------------------------------------------------------------------------- 如何快速创建地图? 一.转入百度提供的快速创建地图工具页面:http://openap

【百度地图API】——国内首款团购网站的地图插件

原文:[百度地图API]--国内首款团购网站的地图插件 摘要: 本文介绍了一款应用在团购网站上的地图插件,适用于目前非常流行的团购网站.使用这款地图插件,无需任何编程技术,你就把商家的位置轻松地标注在地图上. 前台地址 http://map.baidu.com/fwmap/upload/r/map/fwmap/tuangou/user.html  后台地址 http://map.baidu.com/fwmap/upload/r/map/fwmap/tuangou/admin.html -----

【百度地图API】如何判断点击的是地图还是覆盖物?

原文:[百度地图API]如何判断点击的是地图还是覆盖物? 摘要:很多API爱好者问我,为什么我点击的是marker,而map也会响应该事件呢?怎样才能判断,我点击的是标注,还是地图呢?下面一起来看看.   ------------------------------------------------------------ 先看看地图有哪些事件,查看官网类参考,翻到事件:   大家看到这里的参数了麽? 其实,在点击物体时,通过这些参数就能够判断所点击的物体是什么了.   用marker举例:

【百度地图API】如何制作自定义样式的公交导航结果面板?

原文:[百度地图API]如何制作自定义样式的公交导航结果面板? 摘要: 百度地图API有默认的公交导航结果面板,但样式比较单一:而百度地图上的结果面板就比较美观.如何利用百度地图API来制作一个比较美观的公交导航结果面板呢?一起来学习一下吧. ---------------------------------------------------------------------------------------------- 首先,看一下百度地图上的结果面板,如下图:   再来看看百度地图A

【百度地图API】如何利用PhoneGap制作地图APP

原文:[百度地图API]如何利用PhoneGap制作地图APP 摘要:百度地图API是一套由javascript编写的地图程序接口,按说它应该运行在浏览器上.现在,只要利用PhoneGap,我们就能开发出移动平台上能使用的APP了! --------------------------------------------- 一.安装平台 PhoneGap支持5种平台,IOS,安卓,黑莓,WebOS,塞班. 我们下面以IOS为例,开发一个定位的APP.   1.下载xCode 注意看清楚,狮子系统

百度地图API的使用

好奇怪,习惯性使用有道云笔记记录心得与知识后就很少用博客园来记录了. 但是后来想想,有些东西还是要整理记录下来的好,多个备份也好.   -------------------------------------------- 下面正题,最近公司项目用百度地图API较多.后面还有使用高德地图API,后续整理记录上.   1.初始化地图,并设置地图中心点 var map = new BMap.Map("allmap"); // 创建Map实例 map.centerAndZoom(new B

Windows Store Javascript项目使用高德地图、谷歌地图、百度地图API

原文 Windows Store Javascript项目使用高德地图.谷歌地图.百度地图API 在Win8 Store 项目中可以使用的地图主要有微软的Bing Map,目前高德地图sdk也支持Win8.Win8 Store App可以直接支持javascript编写App,除了Bing,还没有发现用于Win8 Javascript项目上的sdk.   新建一个空白的Win8 Store Javascript 项目,分别添加map.html.map.js.map.css三个文件. 使用谷歌地图

百度即将推出地图API打造开放式平台

2010年3月27日晚8点半,在百度与WWF(世界自然基金会)合作的"地球熄灯一小时"官方网站上,超过300万 网友根据自己所处位置,在地图上"点亮"一盏绿色灯泡.这不仅是网友首次通过形象化的地图展现方式参与该活动,更是百度地图第一次开放API接口的应用落地.据悉,百度即将推出地图API接口,经二次开发,诸多与网民直接相关的生活信息类服务都能调用百度地图数据及模块,满足网民日益本地化的信息需求. 据了解,百度地图API将通过JavaScript将百度地图嵌入到网页应

百度将推地图API打造开放式平台

2010年3月27日晚8点半,在百度与WWF(世界自然基金会)合作的"地球熄灯一小时"官方网站上,超过300万 网友根据自己所在位置在地图上"点亮"一盏绿色灯泡,这也标志着百度地图第一次开放API接口的应用落地. 据笔者了解,百度即将推出地图API接口,通过JavaScript将百度地图嵌入到网页应用程序接口,提供了大量实用工具用以处理地图,向地图添加内容,从而使网站能轻松创建功能全面的地图应用程序,满足网民日益本地化的信息需求. 百度地图负责人表示,百度地图API