MapEasy 的北京地图 demo(本机运行)

[beansoft]

来源：http://www.blogjava.net/beansoft/archive/2007/02/06/98306.html
注意我除了这个例子别的都不会哦。。。

地图版权归 中国地图出版社版权所有.

mapapi0.4alpha_beijing_demo.zip 1131KB

在线展示: http://beansoft.java-cn.org/ajax/mapeasydemo/demo1_beijing.html

下载后本机运行, 只有一级缩放.

图片切片大小: 500x500 每片

代码:



<SCRIPT LANGUAGE="JavaScript">
<!--

/**
* 自定义一个地图类型
*/
function NewMapType() {

MapType.apply(this);

this.getSrc = function(level, row, column) {
if (row > 6 || column > 9) {
return ""
}
return "./beijing/beijing" + (row + 1) + "-" + (column + 1) + ".jpg";
}
}

MapModel.mapTypes = new Array(new NewMapType());

MapModel.bound = new Bound(-180e16, 180e16, -90e16, 90e16);
/** 第一个缩放等级的瓦片数 */
MapModel.firstZoomTileNum = 64;
/** 每层缩放之间的比例参数 */
MapModel.scalePara = 1;
/** 瓦片尺寸 */
MapModel.tileSize = 500;
/** 最大缩放比例 */
MapModel.maxZoomLevel = 1;

var mapbuilder = new MapBuilder($("map"));
mapbuilder.outputMap(new Point(0, 0), 1);
// 滑块工具
mapbuilder.addTool(MapBuilder.TOOL_SLIDERBAR);
// 地图类型工具
mapbuilder.addTool(MapBuilder.TOOL_MAPTYPE);
// 得到地图对象
var map = mapbuilder.getMap();

//-->
</SCRIPT>



黑体的是我修改的代码, 判断边界, 返回图片地址, 以及定义单个瓦片大小.

[beansoft]

下载地址：http://www.blogjava.net/Files/beansoft/
mapapi0.4alpha_beijing_demo.zip