<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script
src="http://app.mapabc.com/apis?&t=flashmap&v=2.2&key=c286e2ee3ea0c4b1c431977a137a600e1be62fc049208d38f5d9a69e2d2e2f4f14a51514ed0357b8"
type="text/javascript"></script>
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"
type="text/javascript"></script>
<title>mapabc示例</title>
<script type="text/javascript">
var mapObj;
$(document).ready(function() {
var mapOptions = new MMapOptions();//构建地图辅助类
mapOptions.zoom = 13;//要加载的地图的缩放级别
mapOptions.center = new MLngLat(113.642578,34.705493);//要加载的地图的中心点经纬度坐标
mapOptions.toolbar = DEFAULT;//设置地图初始化工具条
mapOptions.toolbarPos = new MPoint(15, 15); //设置工具条在地图上的显示位置
mapOptions.overviewMap = SHOW; //设置鹰眼地图的状态,SHOW:显示,HIDE:隐藏(默认)
mapOptions.scale = SHOW; //设置地图初始化比例尺状态,SHOW:显示(默认),HIDE:隐藏。
mapOptions.returnCoordType = COORD_TYPE_OFFSET;//返回数字坐标
mapOptions.zoomBox = true;//鼠标滚轮缩放和双击放大时是否有红框动画效果。
mapObj = new MMap("mapObj", mapOptions); //地图初始化
createTip("信息窗口标题","信息窗口内容",1,"113.642578","34.756493","mark101");//创建点
//添加点击事件
mapObj.addEventListener(mapObj,MOUSE_CLICK,function(param){
createTip("","",2,param.eventX,param.eventY,"mark102");
});
});
//创建点
function createTip(title,content,i,x,y,id){
var tipOption = new MTipOptions();//添加信息窗口
tipOption.title = title;//信息窗口标题
tipOption.content = content;//信息窗口内容
tipOption.tipWidth =500;
var markerOption = new MMarkerOptions();//构建一个名为markerOption的点选项对象。
markerOption.imageUrl="http://code.mapabc.com/images/apin/lan_"+i+".png";//标注图片或SWF的url,默认为蓝色气球图片
markerOption.anchor = new MPoint(0, 0);//图片锚点BOTTOM_CENTER相对于标注位置的位置
markerOption.imageAlign = BOTTOM_CENTER;//设置图片相对于加点经纬度坐标的位置。九宫格位置。默认BOTTOM_CENTER代表正下方
markerOption.isEditable = false;//设置点是否为可编辑状态,rue,可以编辑; false,不可编辑(默认)
markerOption.tipOption = tipOption;//设置点的信息窗口参数选项
markerOption.canShowTip = true;//是否在地图中显示信息窗口,true,可以显示(默认);false,不显示
markerOption.rotation = "0";//设置图标旋转的角度
Mmarker = new MMarker(new MLngLat(x,y), markerOption);//通过经纬度坐标及参数选项确定标注信息
Mmarker.id = id;//对象编号,也是对象的唯一标识
mapObj.addOverlay(Mmarker, true);//向地图添加覆盖物
}
</script>
</head>
<body>
<div id="mapObj" class="view" style="width: 1000px; height: 500px"></div>
</body>
</html>
官方地址: http://www.mapabc.com
API:http://code.mapabc.com/reference.html
分享到:
相关推荐
MapABC API 地图应用开发文档 开发文档
MapABC地图API介绍幻灯片。介绍了MapABC地图API的组成,简单使用,应用案例等。
MapABC_API_JavaScript具有mapabc地图javascript版本的所有的api,为开发提供的方便。希望对各位有用!
MapABC地图API JavaScript版
mapabc API 支持地图定位,设置坐标范围等
MapABC的基础使用 多点添加 地图交互 工具条样式修改 弹出信息泡泡等
2008年2月25日,中国知名电子地图服务商Mapabc正式发布地图API(http://code.mapabc.com),为日渐升温的中国电子地图及本地搜索市场开辟了新蓝海。
1.了解MapABC地图 2.MapABC地图服务平台的产品特点? 3.MapABC地图服务平台总体架构 4.MapABC Web API 简介 5.MapABC Ajax API(Ajax地图展现) 6.如何使用MapABC Ajax API(Ajax地图展现) ? 7.如何使用MapABC ...
mapabc文档--方法,函数,使用方法
mapabc 文档 MapABC 静态地图 API采用javaScript面向对象方式,对Mapabc POI 查询出的点生成静态图片以最快方式显示给用户。
对于初学者而言很实用,第一部分,如何获取MapABC API 密钥。 第二部分,什么时签名证书。 第三部分,如何获取一个 API 密钥。 第四部分,如何在 Mapview 布局(LayOut)文件中添加 userAgent 属性。 第五部分,...
一步步教你MapABC地图在android平台上的使用。
MapABC-API(Ajax) 示例整理,有意者请下载使用!
MapABC地图免费使用手册,可以支持地图历史轨迹回放,实时跟踪车辆示例讲解
花了很长时间找到的MapABC Flex API 2.4用户手册资料,可方便学习。
MAPABC电子地图代码,内有三个地图代码文件,供有需要的朋友下载。
高德MapABC_API_for_Android参考手册
Mapabc地图API整体介绍 ppt
map Abc的帮助文档,包含实例化,打点,画圆,多边形,加载图层,加载弹出窗,等内容
花了一星期整理的MapABC Flex API 示例代码 用户手册 开发包等资料,可方便学习。