<%@ 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
分享到:
相关推荐
"演示程序.html"可能是包含MapABC API应用实例的网页,供开发者参考学习。"images"目录则包含了与地图相关的图像资源,如图标、标记图片等,开发者可以在自己的应用中使用这些资源来丰富地图的视觉效果。 总的来说...
MapABC的使用示例中,展示了如何通过简单的JavaScript代码在网页上创建一个地图。首先引入MapABC的JavaScript库,然后定义地图容器,设置地图选项(如地图ID、初始缩放级别、中心点坐标),最后创建MMap对象来实例化...
通过调用`new MapABC.Map()`方法创建地图实例,传入容器ID和地图配置参数,如中心点坐标、初始缩放级别等。 三、地图控制 MapABC API 提供了各种地图控制,如缩放控件、平移控件、指南针等。这些控件可以方便地添加...
MapABC-API(Ajax)是MapABC提供的一套基于Ajax技术的地图API,它允许开发者通过简单的JavaScript代码在网页上集成地图服务。Ajax技术使得地图可以动态加载和更新,为用户提供更加流畅的交互体验。此API支持多种功能...
开发者可以通过简单的调用,实现在网页或应用中展示动态更新的地图。 2. **定位与标注**:API支持获取用户当前位置,并能在地图上添加自定义标注,展示特定地点或兴趣点。这在地理信息展示、商业选址分析等方面非常...
总之,MapABC Flex4 Demo是一个结合了Flex4技术和地图服务的实例,对于希望在Web应用中集成地图功能的开发者来说,是一个很好的学习和实践案例。通过深入研究和实践,开发者可以提升自己的Flex4开发技能,并掌握地图...
MapABC地图API JavaScript版
1. Map类:这是API的基础,用于创建和管理地图实例。你可以通过设置地图的中心点、缩放级别、比例尺以及图层来定制地图的显示。 2. Layer类:代表地图上的一个图层,可以是矢量图层(如点、线、多边形)或栅格图层...
### MapABC API for Android 开发指南相关知识点 #### 一、MapABC地图API概览 **1.1 什么是MapABC地图API?** MapABC地图API是一款专为Android平台设计的地图应用程序接口,它允许开发者利用MapABC的服务和数据来...
MapABC的基础使用 多点添加 地图交互 工具条样式修改 弹出信息泡泡等
在Windows Phone 7平台上,开发地图相关应用是一个重要的任务,MapABC API为此提供了一套强大的工具。这个API允许开发者在应用程序中集成地图功能,包括显示地图、处理地图事件、添加自定义图层(如点、线和框)等。...
1.了解MapABC地图 2.MapABC地图服务平台的产品特点? 3.MapABC地图服务平台总体架构 4.MapABC Web API 简介 5.MapABC Ajax API(Ajax地图展现) 6.如何使用MapABC Ajax API(Ajax地图展现) ? 7.如何使用MapABC ...
MapABC是一款专业的地图服务开发平台,为用户提供丰富的地图展现与操作功能。该平台支持通过Ajax和Flash两种技术实现地图的动态加载和交互,为开发者提供了高效、便捷的工具集,适用于构建各种地理位置相关的Web应用...
MapABC Flex API 示例代码用户手册开发包是一份珍贵的学习资源,专门为那些想要深入理解并使用MapABC Flex API的开发者设计。MapABC是一家提供地图服务的公司,其Flex API是用于在网页应用中集成动态地图功能的开发...
### MapABC API 相关知识点详解 #### 一、概述 MapABC API 是一款由北京图盟科技有限公司开发的地图应用程序编程接口,支持多种地图服务功能,例如地图定位、坐标范围设置等。该API主要分为两个核心部分:地图API...
1. **初始化Geocoder对象**:创建Geocoder实例,传入当前Context。 2. **执行查询**:调用`getFromLocationName`或`getFromLocation`方法进行查询。 3. **处理结果**:解析返回的Address对象列表。 #### 第六部分:...
标题中的“mapabc地图数据下载,高德数据(免费更新)”揭示了本文将要讨论的核心内容,即如何获取和使用mapabc与高德地图的数据,特别是这些数据的免费更新服务。mapabc和高德地图是两个知名的在线地图服务平台,...
MAPABC可能提供了自己的地图API,允许开发者在网站或应用中嵌入地图功能。API通常包括JavaScript库,开发者可以通过调用特定的函数来获取地图数据、绘制标记、设定视图范围等。比如,testCustom.html可能展示了如何...