项目中使用到了地图标注的功能(mapabc),现在将代码共享出来,希望对于后来者有所帮助。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>地图标注</title>
<script src="http://app.mapabc.com/apis?&t=flashmap&v=2.2&key=98fadf9ac86088c6e7966e8949b1f5a3a6efe15d5c01eeb0e080fc298f8728c542a2b6f8d09d7e40"
type="text/javascript"> </script>
<script type="text/javascript">
var mapObj = null;
window.onload = function() {
//设置地图初始化参数对象
var mapOptions = new MMapOptions();
mapOptions.zoom = 10;
//设置中心点为郑州
mapOptions.center = new MLngLat("fjqennngoNKOI","hmlnnismtJGGM",0);
mapOptions.zoom = 13;
mapOptions.toolbar = DEFAULT;
mapOptions.toolbarPos = new MPoint(0, 0);
mapOptions.overviewMap = DEFAULT;
//创建地图对象
mapObj = new MMap("mapObj", mapOptions);
registMouseAddMarker();
}
function onClick(e) {
var ll = new MLngLat(e.eventX,e.eventY);
var marker = new MMarker(ll);
marker.id = "marker";
mapObj.addOverlay(marker);
var xy = marker.lnglat.lngX + "," + marker.lnglat.latY;
document.getElementById("hdMapFlag").value = xy;
}
function registMouseAddMarker() {
mapObj.addEventListener(mapObj,MOUSE_CLICK,onClick);
/*
var point = parent.document.getElementById("hdMap").value;
if (point != null && point != "") {
var position = point.split(",");
var ll = new MLngLat(position[0],position[1]);
var marker = new MMarker(ll);
marker.id = "marker";
mapObj.addOverlay(marker);
}
document.getElementById("hdMapFlag").value = point;
*/
}
function unregistMouseAddMarker() {
mapObj.removeEventListener(mapObj,MOUSE_CLICK,onClick);
//parent.document.getElementById("hdMap").value = document.getElementById("hdMapFlag").value;
//window.parent.$.fadeD(0);
}
</script>
</head>
<body>
<div id="mapObj" class="view" style="width:620px;height:420px"></div>
<input type='button' name='a' onclick='javascript:registMouseAddMarker();' value='标点'/>
<!---<input type='button' name='b' onclick='javascript:unregistMouseAddMarker();' value='确定标点'/>--->
<input type="text" id="hdMapFlag" name="hdMapFlag" />
</body>
</html>
以上就是全部的地图标注代码,希望对于后来者会有所帮助。如果有想看页面效果的兄弟可以进入:
地图标注
另外还有一个用JS实现的日历控件,连接地址:
日历控件
分享到:
- 2009-08-31 10:21
- 浏览 1984
- 评论(0)
- 论坛回复 / 浏览 (0 / 4198)
- 查看更多
相关推荐
MAPABC电子地图代码,内有三个地图代码文件,供有需要的朋友下载。
1.了解MapABC地图 2.MapABC地图服务平台的产品特点? 3.MapABC地图服务平台总体架构 4.MapABC Web API 简介 5.MapABC Ajax API(Ajax地图展现) 6.如何使用MapABC Ajax API(Ajax地图展现) ? 7.如何使用MapABC ...
MapABC地图API JavaScript版
MapABC电子地图服务器产品安装和维护
MapABC地图API介绍幻灯片。介绍了MapABC地图API的组成,简单使用,应用案例等。
MapABC API 地图应用开发文档 开发文档
MapABC地图使用手册,MapABC地图使用手册,MapABC地图使用手册,MapABC地图使用手册,MapABC地图使用手册
MapABC-API(Ajax) 示例整理,有意者请下载使用!
MapABC的基础使用 多点添加 地图交互 工具条样式修改 弹出信息泡泡等
MapABC地图免费使用手册,可以支持地图历史轨迹回放,实时跟踪车辆示例讲解
MapABC电子地图服务器产品安装与维护记录.doc
google地图mapabc地图yahoo 在线地图api开发包OnlineMapProject.rar
Mobile Atlas Creator 是一个为各种手机地图软件创建离线地图的开源应用程序。它能够用最简便 的方式把常用的数据源下载成相应软件的离线地图文件,这样的话你的手机在没有联网的情况下,也 能显示完整的地图了。它...
Mapabc地图API整体介绍,介绍开发mapabc的详细步骤
电子地图以及插件应用讲解,便于研究和使用。内部资料。
高德地图数据下载,共1500万条,mapabc数据库,最全面的poi数据库,全国地图数据,商家数据,免费更新
可以导入其他数据库中使用,字段前面2个是经纬度范围,中间2个是偏移像素每级缩放除以2,最后2个是偏移经纬度,提供的格式是度,需要度分的自己转,适用于googlemap,mapabc,腾讯soso地图等高德系地图。 --另外有偿...
文档包括了4个MapABC地图API Flash版-JavaScript版-Silverlight版-Flex版。用老版本开发地图系统,可以参数这4个文档来维护。
Flex中调用mapabc地图鼠标点击时获得经纬度的应用程序