这是电子地图研究的第二部分。
普通用户使用地图无非就是查询出行路线、公交线路查询、日常生活查询,但对于商家而言就要多一种功能,那就是对自己位置的标注,以及内容的描述。
本次要研究的就是对商家有用的地图的编辑功能。
下面是个具体的例子:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="http://api.mapabc.com/fmp/v1.0/js/fmp.js?key=f6c97a7f64063cfee7c2dc2157847204d4dbf09385481afc98c532e3a8066ae5f1a785336235b092"></script>
<script type="text/javascript" src="http://api.mapabc.com/fmp/v1.0/js/mapcomponent.js?key=f6c97a7f64063cfee7c2dc2157847204d4dbf09385481afc98c532e3a8066ae5f1a785336235b092"></script>
</head>
<body>
<div id="mapObj" style="width: 700px; height: 500px"></div>
<script type="text/javascript">
//创建一个MmapOptions对象
var mapOptions = new MMapOptions();
//设置地图组件的Id
mapOptions.mapId = "fmptest";
//设置地图的初始Zoom值
mapOptions.zoomLevel = 15;
//设置地图的中心点
//mapOptions.center = new MLatLng("LQGXRMMVKHDLL", "JIOMSTNTPOLHLH");
//创建地图对象
var mapObj = new MMap("mapObj", mapOptions);
//使用组件API
var mapComponent = new MapComponent(mapObj);
//设置城市中心点
mapComponent.setMapCityCenter("0371");
//注册导出地图数据事件 后执行 onexportMapData 方法
mapObj.addEventListener(MMap.EVENT_EXPORT_MAP_DATA, onexportMapData);
function editMode(){
//设置地图为编辑模式
mapObj.setMapMode(MMapMode.EDIT);
}
//编辑模式下 添加点
function createPoint(){
//MStyle是一个图样式类
var defaultPointStyle = new MStyle();
defaultPointStyle.canBeTop = true;
mapObj.addGeometry(MGeometry.TYPE_POINT, defaultPointStyle);
}
//导出地图数据事件处理函数
function onexportMapData(event){
alert(event.args);
/**
event.type=”onExportMapData”
event.args=mapId,jsonString
args 的值是一个以“,”分隔的字符串,其中:
mapId:地图的Id
jsonString:整个地图的几何对象的JSON 字符串。
**/
}
//导出点的数据方法
function exportMapData(){
mapObj.exportMapData();
}
//导出地图数据事件处理函数
function onexportMapData(event){
alert(event.args);
/**
event.type=”onExportMapData”
event.args=mapId,jsonString
args 的值是一个以“,”分隔的字符串,其中:
mapId:地图的Id
jsonString:整个地图的几何对象的JSON 字符串。
**/
}
</script>
操作方法: 先在 地图上左键标点 并填入标题 内容点击确定. 然后点击导出数据<br /><br />
<input type="button" onClick="javascript:editMode();" value="进入编辑模式" />
<input type="button" onClick="javascript:createPoint();" value="添加点" />
<input type="button" onClick="javascript:exportMapData();" value="导出数据" />
</body>
</html>
如果结合数据库存储的话,就可以把商家描述的信息保存对数据库中,以备下次使用。
分享到:
相关推荐
总的来说,"MAPABC电子地图代码"是一个学习和实践地图开发的好材料,它涵盖了地图API的基本使用和一些进阶功能。通过这三个HTML文件,开发者能够深入理解如何在Web应用中集成和定制电子地图,提升自己的技能。
MapABC地图API是一款强大的在线地图服务工具,专为开发者设计,便于在各种应用程序中集成地图功能。通过MapABC地图API,开发者可以轻松地在自己的网站或应用中嵌入地图,实现定位、导航、地理编码、反地理编码等功能...
MapABC地图是一款强大的在线地图服务平台,它为开发者提供了丰富的API接口,使得用户可以在自己的应用程序或网页中嵌入地图,创建个性化的地图应用。本手册主要介绍了MapABC地图API的两个核心部分:MapABC地图API和...
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-API(Ajax) 示例整理,有意者请下载使用!
MapABC电子地图服务器产品安装和维护
MapABC地图应用程序编程接口是北京图盟科技有限公司提供的一套用于构建地图应用的API,主要包含Ajax API(Ajax地图展现)2.1.2公众版。这个API允许开发者使用JavaScript在HTML页面中创建自定义的Ajax地图应用,同时...
文档包括了4个MapABC地图API Flash版-JavaScript版-Silverlight版-Flex版。用老版本开发地图系统,可以参数这4个文档来维护。
MapABC的基础使用 多点添加 地图交互 工具条样式修改 弹出信息泡泡等
标题中的“mapabc地图数据下载,...总之,mapabc和高德地图的数据资源为开发者和研究人员提供了丰富的地理信息,通过有效的数据处理和分析,可以挖掘出大量有价值的信息,同时,免费更新服务确保了数据的持续可用性。
MapABC API是2008年由Mapabc公司推出的一项重要服务,它为中国的电子地图和本地搜索市场提供了新的开发平台。这个API允许开发者通过编程方式访问和操作MapABC的地图数据,进而创建各种基于地理位置的应用和服务。 ...
MapABC API 地图应用开发文档 开发文档
MapABC是一家提供地图服务的公司,其Flex API是用于在网页应用中集成动态地图功能的开发工具。下面将详细阐述MapABC Flex API的核心概念、示例代码的作用以及用户手册的价值。 1. **MapABC Flex API核心概念**: -...
MapABC_API_JavaScript是专为开发者设计的一个工具集,它包含了MapABC地图服务的JavaScript版本的所有API,便于在Web应用程序中集成地图功能。这个API提供了丰富的地图操作和功能,帮助开发者轻松创建交互式地图应用...
Mapabc地图API整体介绍 ppt
可以导入其他数据库中使用,字段前面2个是经纬度范围,中间2个是偏移像素每级缩放除以2,最后2个是偏移经纬度,提供的格式是度,需要度分的自己转,适用于googlemap,mapabc,腾讯soso地图等高德系地图。 --另外有偿...
MapABC电子地图服务器产品安装与维护记录.doc
Mobile Atlas Creator 是一个为各种手机地图软件创建离线地图的开源应用程序。它能够用最简便 的方式把常用的数据源下载成相应软件的离线地图文件,这样的话你的手机在没有联网的情况下,也 能显示完整的地图了。它...