这是电子地图研究的第二部分。
普通用户使用地图无非就是查询出行路线、公交线路查询、日常生活查询，但对于商家而言就要多一种功能，那就是对自己位置的标注，以及内容的描述。
本次要研究的就是对商家有用的地图的编辑功能。
下面是个具体的例子：
<!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，开发者可以轻松地在自己的网站或应用中嵌入地图，实现定位、导航、地理编码、反地理编码等功能...
电子地图站点是现代互联网技术与地理信息系统（GIS）结合的产物，它们提供了丰富的地图服务，包括卫星影像、栅格地图、三维视图等，让用户能够方便地查询地理位置、规划路线和获取相关地理信息。以下是一些典型的...
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是一款广泛应用于地理信息系统（GIS）开发中的工具，为开发者提供了在网页上集成地图功能的能力。这个压缩包包含四个不同版本的MapABC地图API文档：Flash版、JavaScript版、Silverlight版和Flex版，...
MapABC电子地图服务器产品安装和维护
MapABC地图应用程序编程接口是北京图盟科技有限公司提供的一套用于构建地图应用的API，主要包含Ajax API（Ajax地图展现）2.1.2公众版。这个API允许开发者使用JavaScript在HTML页面中创建自定义的Ajax地图应用，同时...
MapABC的基础使用 多点添加 地图交互 工具条样式修改 弹出信息泡泡等
标题中的“mapabc地图数据下载，...总之，mapabc和高德地图的数据资源为开发者和研究人员提供了丰富的地理信息，通过有效的数据处理和分析，可以挖掘出大量有价值的信息，同时，免费更新服务确保了数据的持续可用性。
在Windows Phone 7平台上，开发地图相关应用是一个重要的任务，MapABC API为此提供了一套强大的工具。这个API允许开发者在应用程序中集成地图功能，包括显示地图、处理地图事件、添加自定义图层（如点、线和框）等。...
MapABC API是2008年由Mapabc公司推出的一项重要服务，它为中国的电子地图和本地搜索市场提供了新的开发平台。这个API允许开发者通过编程方式访问和操作MapABC的地图数据，进而创建各种基于地理位置的应用和服务。 ...
MapABC API 是一款由北京图盟科技有限公司开发的地图应用程序编程接口，支持多种地图服务功能，例如地图定位、坐标范围设置等。该API主要分为两个核心部分：地图API与搜索API。 #### 二、地图API详解 **1. 地图API...
MapABC是一家提供地图服务的公司，其Flex API是用于在网页应用中集成动态地图功能的开发工具。下面将详细阐述MapABC Flex API的核心概念、示例代码的作用以及用户手册的价值。 1. **MapABC Flex API核心概念**： -...
MapABC_API_JavaScript是专为开发者设计的一个工具集，它包含了MapABC地图服务的JavaScript版本的所有API，便于在Web应用程序中集成地图功能。这个API提供了丰富的地图操作和功能，帮助开发者轻松创建交互式地图应用...