MapEasy展示北京地图的例子
MapEasy展示北京地图的例子
一个类似GoogleMap的客户端JS开源库MapEasy以Google Map的方式实现了基本的WebGIS功能和简单地物标注等 。她是一个轻量级的客户端JS库，不需要任何插件，并且与后台数据的获取方式完全分离。可以在服务器放置简单的图片，也可以在后台架设你喜欢的地图服务器（MapX，GeoServer等），从而使她天生轻量级，更加易于各种环境下的部署和扩展。 虽然是完全运用弱类型语言JavaScript编写，但良好的OO设计和模式的运用丝毫没有影响她的完美表现（JavaScript中的OO和模式现在越来越受到重视也是一个趋势）。
mapapi0.4alpha_beijing_demo.zip1131KB
在线展示: 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>
黑体的是我修改的代码, 判断边界, 返回图片地址, 以及定义单个瓦片大小.
