MapABC地图使用手册

《MapABC地图使用手册》由会员分享，可在线阅读，更多相关《MapABC地图使用手册（28页珍藏版）》请在装配图网上搜索。

1、MapABC 地图使用手册MapABC API包括MapABC地图API和MapABC搜索API。MapABC地图API可以让您在自己的网页中嵌入地图，制作基于地图的应用，并提供了封装JavaScript接口的Flash地图引擎和Ajax地图引擎，通过接口您可以像MapABC地图网站一样，给地图添加各类标注，并显示信息提示窗口。MapABC搜索API为您提供了丰富的地图数据搜索接口，并提供了值得信赖的基础地图数据和强大的用户地图数据服务，这些数据都可以展现在您的地图中。MapABC使用Flash和Ajax技术的地图引擎, 开放基于HTTP请求（REST）的服务接口。（一）Mapabc主要特点是

2、：1、支持开发者标注开发者在开发自己的地图时，不仅希望通过接口自由的调用展示地图数据，也希望将自己的一些个性数据加入进地图中。Mapabc的地图API是国内第一个支持开发者通过接口将自己的数据标注在地图上的API。这将让广大开发者真正实现“我的地图我做主”的想法。2、 支持FLASH技术做展现层的地图 目前，Flash技术已成为IT网络技术平台的主流技术。Mapabc的地图API在展现层支持最新的Flash技术，这不仅可保证开发者开发出的地图能被所有网友看到，更可使开发出的地图更具动态表现效果。3、支持公交查询 目前，虽然自驾车一族越来越多，但搭乘公交出行，依然是广大网友出行的主要方式。是否能

3、为浏览者提供灵活的公交查询也是众多电子地图的开发者所关注的问题。Mapabc的地图API是国内第一个支持公交查询的地图API。4、支持地址匹配我们知道，将一段文本地址信息直接转换为一个在地图上的对应位置点的技术被称为地址匹配技术。这种技术将极大的方便开发者开发地图。Mapabc的地图API也是国内第一个支持地址匹配的地图API，即使你有成千上万条数据也不用再担心标点的繁琐了，通过地址匹配接口将可快速将点位标注在地图上。5、国内最强的本地位置服务数据库支撑众所周知，在使用地图API时，人们普遍会很关注地图服务商的数据实力。Mapabc的地图API的背后有国内最大的位置服务数据库做支撑，其地图数据

4、覆盖了全国363个城市，可供使用者调用展现的位置点数据量达到了千万级别，同时，众多城市的底图数据的更新频率及POI（兴趣位置点）的更新数量等也均处于行业的龙头位置。6、支持多城市的实时路况图层的加载 Mapabc的地图API目前支持将北京的实时路况图层加载到自己的地图上，不仅能看到所要查询的地点的位置，也能同时了解城市里的实时交通情况。（二）Mapabc的使用示例。用户MapABC服务器系统服务器Internet访问MapABC提供的接口根据请求，MapABC返回相应的信息服务器回应用户请求用户请求服务器 用户请求系统服务器，系统服务器调用MapABC 服务器提供的接口。1. “Hello W

5、orld”程序让我们从最简单的“Hello, World”开始吧。下面的例子显示一个500*400的地图，中心点位于北京的故宫博物院。代码示例1：/创建一个MmapOptions对象var mapOptions = new MMapOptions();/设置地图组件的IdmapOptions.mapId = fmptest;/设置地图的初始Zoom值mapOptions.zoomLevel = 15;/设置地图的中心点mapOptions.center = new MLatLng(LQGXRMMVKHDLL, JIOMSTNTPOLHLH);/创建地图对象var mapObj = new MM

6、ap(mapObj, mapOptions); 在上面的例子中，地址 script 标记，并加上您的 API Key。例如，如果您的 API Key 是123456，那么您的 script 标记应该类似这样：script type=text/javascript src=表示地图的类是 MMap。这个类代表页面上的单个地图。您可以根据需要创建任意多个该类的实例（一个实例对应页面上的一个地图）。在创建地图实例时，您需要指定一个页面上已命名的元素（通常是 div 元素）作为地图控件的容器。除非您明确地指定了地图的大小，默认情况下，地图大小会取决于容器的尺寸。2. 地图基本操作地图API支持基本的地

7、图操作，如单击平移地图、拖动平移地图、双击放大、滚轮放大等，这些功能也可以通过JavaScript代码调用。下面的例子运行后，在页面下方有四个按钮，分别是“拉框放大”、“拉框缩小”、“测距”和“平移地图”。测距时可以双击结束测距，也可以点击“平移地图”退出测距状态。代码示例2：代码示例1（把示例1的例子复制过来） 移动地图下面这个例子先显示一张地图，等待2秒钟后，地图的中心会移动到一个新的坐标上。示例代码3：代码示例1（把示例1的例子复制过来）/将地图的中心移到一个新的坐标window.setTimeout(function() mapObj.setCenterByLatLng(LQGXQQN

8、RHHHD,JIOMSSPURUHPHH), 2000);鹰眼地图您可以根据需要，加载或卸载地图上的鹰眼，还可以设置鹰眼的大小比例。示例代码4：代码示例1（把示例1的例子复制过来）/设置罗盘大小为原来的70%/mapObj.setCompassScale(70);/卸载罗盘/mapObj.removeCompass();3. 在地图上标注MapABC地图API提供丰富的标注功能。这个例子在地图上放置一个标注，点击标注，会打开该标注的信息窗口。当然，您也可以用方法添加标注、删除标注、打开信息窗口。示例代码5：代码示例1（把示例1的例子复制过来）function drawPoint()var po

9、intStyle = new MStyle();pointStyle.lineColor = 0xff0000; /设置气泡(TIP)外部 线的颜色pointStyle.lineSize = 3; /线的宽度pointStyle.fillColor = 0xddaabb; /气泡填充颜色pointStyle.fillOpacity = 50; /填充的透明度pointStyle.labelColor = 0x00ff00; /不打开气泡(TIP) 显示文字的颜色var sContent = Hello Word!小学;sContent += 这个是我的加点程序!;sContent += ;po

10、intStyle.textContent = sContent;/这个点是个全局变量，以便使用removePoint删除point = new MPointOverlay(new MLatLng(MRGYMVMLPH,KJONOWRELHL), 加点, pointStyle, 1000);/加true是画完点后调整视野，使点在地图的中心。mapObj.addOverlay(point, true);用图片和Flash动画标注MapABC地图API不仅提供缺省的标注样式，还允许您用图片和Flash动画标注。下面这个例子与前一个例子的功能相同，只不过是把标注点换成了Flash动画。示例代码6：代码

11、示例1（把示例1的例子复制过来）/加载图片画用户自定义点function drawCustomPointImg()var pointStyle = new MStyle();pointStyle.lineColor = 0xff0000;pointStyle.lineSize = 3;pointStyle.fillColor = 0xddaabb;pointStyle.fillOpacity = 50;pointStyle.labelColor = 0x00ff00;var sContent = 中信银行富华大厦支行;sContent += 北京东城区朝阳门北大街8号富华大厦C座;sConte

12、nt += 邮政编码：100027 ;sContent += 电话：010-65543647;pointStyle.textContent = sContent;var customPoint = new MCustomPointOverlay(new MLatLng(LQGXSKKVPDHLL,JIOMTNMTIPDLLL), pointStyle, 3000);mapObj.addOverlay(customPoint, true);/true 为自动调整视野 标注一组点您可以一次标注多个点，标注后，为了同时在地图内显示这些标注，地图会自动调整视野。示例代码7：代码示例1（把示例1的例子复

13、制过来）function drawPoints()var pointStyle1 = new MStyle();pointStyle1.lineColor = 0xff0000;pointStyle1.lineSize = 3;pointStyle1.fillColor = 0xddaabb;pointStyle1.fillOpacity = 50;pointStyle1.labelColor = 0x00ff00;pointStyle1.textContent = 第一个点的文字描述详细信息;var point1 = new MPointOverlay(new MLatLng(KJONOWK

14、MHLL,MRGYNMLHL), 第一个点, pointStyle1, 2001);var pointStyle2 = new MStyle();pointStyle2.lineColor = 0x3300ff;pointStyle2.lineSize = 2;pointStyle2.fillColor = 0xddaaff;pointStyle2.fillOpacity = 60;pointStyle2.labelColor = 0x553344;pointStyle2.textContent = 第二个点的文字描述详细信息;var point2 = new MPointOverlay(ne

15、w MLatLng(KJONOWOILHH,MRGYMXEHHL), 第二个点, pointStyle2, 2002);var pointStyle3 = new MStyle();pointStyle3.lineColor = 0xf0aaf0;pointStyle3.lineSize = 5;pointStyle3.fillColor = 0xddaa33;pointStyle3.fillOpacity = 30;pointStyle3.labelColor = 0xff0000;pointStyle3.textContent = 第三个点的文字描述详细信息;var point3 = ne

16、w MPointOverlay(new MLatLng(KJONOWQMHLH,MRGYMVEHHL), 第三个点, pointStyle3, 2003);var pointStyle4 = new MStyle();pointStyle4.lineColor = 0x3366ff;pointStyle4.lineSize = 4;pointStyle4.fillColor = 0xddaa99;pointStyle4.fillOpacity = 80;pointStyle4.labelColor = 0x00ffaa;pointStyle4.textContent = 第四个点的文字描述详细

17、信息;var point4 = new MPointOverlay(new MLatLng(KJONOWRELHL,MRGYMVMLPH), 第四个点, pointStyle4, 2004);var points = new Array();points.push(point1);points.push(point2);points.push(point3);points.push(point4);mapObj.drawPoints(points, true);drawPoints();画多折线下面这个例子演示了在地图上画多折线的功能。您可以设置多折线的样式示例代码8：代码示例1（把示例1的例

18、子复制过来）/画多折线function drawPolyline()polylineStyle = new MStyle();polylineStyle.lineColor = 0x0000ff;/线的颜色polylineStyle.lineSize = 5; /线的宽度polylineStyle.showTip = false; /不显示tippolyline=newMPolylineOverlay(newMLatLng(LQGUXQPVODHPH,JINMWQJQLPLDDL),new MLatLng(LQGWPLQVKHLLL,JINMYKIOIQHLLL),newMLatLng(LQG

19、UQTJOPHDHL,JINMYPORJLDHH),new MLatLng(LQGWWMNQMLLHD,JIOMPTORQQHHHL), new MLatLng(LQGVVNQWHHLD,JIOMQQNONHLHH), new MLatLng(LQGXVRKULPHLD,JIOMSLHQMRDLLL),polylineStyle, 1001); mapObj.addOverlay(polyline,true);/true 为自动调整视野画矩形在实现拉框搜索、拉框选择时都需要用到矩形。下面这个例子演示了如何在地图上画一个矩形。示例代码9：代码示例1（把示例1的例子复制过来）/画矩形functio

20、n drawRectangle()var rectStyle = new MStyle();rectStyle.lineSize = 2;rectStyle.lineColor = 0x00ff00;rectStyle.fillColor = 0x0000ff;rectStyle.fillOpacity = 50;rectStyle.textContent = 这是一个矩形;rectStyle.labelColor = 0xff0000;/参数分别为 左上角坐标 和对应和对角线坐标 , 样式 , IDrect = new MRectOverlay(new MLatLng(qqhrqjgojKH

21、EJ, oipgkglllgOLIJ), new MLatLng(qqhrqfhohODMF,oipgkgmgljOLIJ), rectStyle, 1002);mapObj.addOverlay(rect);/添加调整视野代码mapObj.setCenterByLatLng(qqhrqjgojKHEJ, oipgkglllgOLIJ);mapObj.setZoomLevel(15);4. 画公交线路在地图上画一条公交换乘的路线，并且有小车演示行驶过程，其中还有一个换乘点。示例代码10：代码示例1（把示例1的例子复制过来）/画公交线路function drawBusLineDemo() /公交

22、线路的所有X坐标var arrX = lksfiiqlhuGMDJ,lksfiipmhmKEHJ,lksfiiolltOIDN,lksfiiqlotKIDN,lksfiivejsOIHF,lksfiivikuGELN,lksfiisjmqOIDN,lksfiiseipOELF,lksfiisngmOELJ,lksfiitgimGMLJ,lksfiiuhiOEHJ,lksfiivmpnGEHJ,lksfijpfgpGILN,lksfijrhnsOMHN,lksfijrfnuGILF,lksfijokpnKILJ,lksfijofhuOMLN,lksfijngisOIHN,lksfijnepKED

23、F,lksfijnfouOMHJ,lksfijnfprOILJ,lksfijnelmKMHN,lksfiivglmOIHF,lksfiivkmoKIDF,lksfiivhisKILJ,lksfiiumlpGIHN,lksfiiphjGILN,lksfiiphhqGMLN,lksfiiqgmuGIHN,lksfiiqmmpKMDF,lksfiingpoKILJ,lksfihvnprKIHJ,lksfihunouOMDN,lksfihskmnKMLJ,lksfihsjmoOILN,lksfihrmjmKEHN,lksfihrjjoKILF,lksfihrjhtGIDJ,lksfihrekqGEDJ

24、,lksfihqknuKMLN,lksfihpnjuKMHF,lksfigvejoGELN,lksfigsnmqOMHJ,lksfigsmitKMHF,lksfigsfjpKEDF,lksfigrjkrOILJ,lksfigregqOMHF,lksfigpnkpGEHF,lksfigonnqGMLJ,lksfignjjoKIHJ,lksfifvkmpGMHJ,lksfifufnrOEHJ,lksfiftjnpOMHN;/公交线路的所有X坐标var arrY = nskoknoijojKIHF,nskoljrmnqKIHF,nskomipmnqKEDJ,nskonevkgtjGIHJ,nskon

25、mngoojOIDJ,nskoofphmrmKEHJ,nskpfksfkmmOILN,nskphfumgtjKMHF,nskphmpimrmOMLN,nskpjmphpmmOMLJ,nskpklpfltjGIHJ,nskplkrniqKMDJ,nskpllukmrmGMHN,nskpllwmkmmOMLN,nskplnslpmmOMHN,nskplnpjlOMLJ,nskplnumgtjOELF,nskpmnngkmmKIHJ,nskpnkrgoojKIHN,nskpogwnjojOILJ,nskpogwggtjGMLF,nskpokveoojGMLJ,nskpokunmrmGMDN,nskp

26、olwhnqOMLJ,nskponslnqKMHN,nskponslOMLJ,nskponqlpmmKILJ,nskqffnjKIHN,nskqfjqfpmmKELF,nskqflqnkmmGILJ,nskqflqnnqOEDJ,nskqfluhKIHJ,nskqfluhjojKIHN,nskqfluhnqOIHN,nskqfmtfgtjGELF,nskqgfqnhrmKMDN,nskqgnogKIDJ,nskqhiqhpmmOMDN,nskqhmvhiqOMLJ,nskqigrhnqKILN,nskqigsfnqKILF,nskqigrmjojOIHN,nskqigrmmrmGMHJ,nsk

27、qikrniqOILN,nskqjhvlKIHF,nskqjmoiiqOILJ,nskqkgpmlOIHN,nskqleoepmmOMLN,nskqljqhpmmGIDN,nskqlmvlhrmKILN,nskqmhqnhrmOMLF,nskqmlqglOMLJ,nskqngtfltjKIDN;/换成站的坐标var changeStationLngs = lksfijnfouOMHJ,lksfijnfprOILJ;var changeStationLats = nskpogwnjojOILJ,nskpogwggtjGMLF;var startStyle = new MStyle();start

28、Style.textContent=大兴;var endStyle = new MStyle();endStyle.textContent=中关村;var lineStyle = new MStyle();lineStyle.lineSize = 3;lineStyle.lineColor = 0x0000ff;lineStyle.carSpeed = 5;var startPoint = new MPointOverlay(new MLatLng(lksfiiqlhuGMDJ,nskoknoijojKIHF), 起点, startStyle);var endPoint = new MPoin

29、tOverlay(new MLatLng(lksfiftjnpOMHN,nskqngtfltjKIDN), 终点, endStyle);mapObj.drawBusLine(arrX, arrY, changeStationLngs, changeStationLats, startPoint, endPoint, lineStyle, true); /参数true 为自动调整视野5. 用鼠标画图使用MapABC地图API您可以随心所欲的用鼠标在地图上绘制几何图形。下面的例子演示了使用鼠标画点、多折线、多边形、矩形、圆、正多边形等几何图形，也演示了如何删除绘制的图形。示例代码11：代码示例1（

30、把示例1的例子复制过来）/注册地图初始化完成事件 地图初始化完执行 mapInited() 方法mapObj.addEventListener(MMap.EVENT_MAP_INITIALIZED, mapInited);/注册地图鼠标双击点击事件 之后执行dbclickmapObj.addEventListener(MMap.EVENT_MAP_DBCLICK, dbclick);/注册鼠标画多折线后事件 之后执行polylineDrawnmapObj.addEventListener(MMap.EVENT_POLYLINE_DRAWN, polylineDrawn);/注册鼠标画矩形后事件

31、 之后执行rectDrawnmapObj.addEventListener(MMap.EVENT_RECT_DRAWN, rectDrawn);/注册鼠标画多边形后事件 之后执行polygonDrawnmapObj.addEventListener(MMap.EVENT_POLYGON_DRAWN, polygonDrawn);/注册鼠标画圆后事件 之后执行circleDrawnmapObj.addEventListener(MMap.EVENT_CIRCLE_DRAWN, circleDrawn);/注册鼠标画正多边形后事件 之后执行regularpolygonDrawnmapObj.add

32、EventListener(MMap.EVENT_REGULARPOLYGON_DRAWN, regularpolygonDrawn);function mapInited(event)alert(地图初始化完成!);/关闭默认鼠标放大地图操作mapObj.switchDefaultDBClickProcessor(false);function dbclick(event)alert(您双击的位置点的地图ID,ZOOM值,坐标为:+event.args);/返回坐标为该点的XY 值function polylineDrawn(event)alert(您画多折线的地图ID,ZOOM值,坐标为:

33、+event.args);/返回坐标为多点的XY 值function rectDrawn(event)alert(您画矩形的地图ID,ZOOM值,坐标为:+event.args);/*当用鼠标在地图上画完一个矩形时触发。event.type=”onRectDrawn”event.args=mapId,zoomLevel,point1Lng,point1Lat,point2Lng,point2Lat,idargs 的值是一个以“,”分隔的字符串，其中：mapId：地图的IdzoomLevel：地图当前的zoom 值point1Lng,point1Lat,point2Lng,point2Lat：表

34、示矩形对角线上的两个顶点。每对坐标都是经度在前，纬度在后。根据鼠标画矩形时的顺序，这两个点有可能为左上和右下或者右上和左下。id：矩形的Id，引擎随机生成的一个guid。*/function polygonDrawn(event)alert(您画多边形的地图ID,ZOOM值,坐标为:+event.args);/*event.type=”onPolygonDrawn”event.args=mapId,zoomLevel,point1Lng,point1Lat,point2Lng,point2Lat,idargs 的值是一个以“,”分隔的字符串，其中：mapId：地图的IdzoomLevel：地图

35、当前的zoom 值33point1Lng,point1Lat,point2Lng,point2Lat,：一个坐标序列，表示多边形的每一个顶点。节点坐标按照经度在前，纬度在后顺序排列。id：多边形的Id，引擎随机生成的一个guid。*/function circleDrawn(event)alert(您画圆的地图ID,ZOOM值,坐标为:+event.args);/*event.type=”onCircleDrawn”event.args=mapId,zoomLevel,point1Lng,point1Lat,point2Lng,point2Lat,idargs 的值是一个以“,”分隔的字符串，

36、其中：mapId：地图的IdzoomLevel：地图当前的zoom 值point1Lng,point1Lat,point2Lng,point2Lat：两对坐标，第一对是圆心坐标，第二对是圆的外接矩形的一个顶点。每对坐标都是经度在前，纬度在后。根据鼠标画圆形时的顺序，第二对坐标可能为外接矩形的任一个顶点。id：圆形的Id，引擎随机生成的一个guid。*/function regularpolygonDrawn(event)alert(您画正多边形的地图ID,ZOOM值,坐标为:+event.args);/*event.type=”onRegularPolygonDrawn”event.args=

37、mapId,zoomLevel,point1Lng,point1Lat,point2Lng,point2Lat,idargs 的值是一个以“,”分隔的字符串，其中：mapId：地图的IdzoomLevel：地图当前的zoom 值point1Lng,point1Lat,point2Lng,point2Lat：两对坐标，第一对是正多边形的圆心坐标，第二对是画正多边形时鼠标拖动结束的位置，即正多边形的一个顶点。每对坐标都是经度在前，纬度在后。id：正多边形的Id，引擎随机生成的一个guid。*/鼠标画折线function beginDrawPolylineOnMap()mapObj.quitMous

38、eDraw();var polylineStyle = new MStyle();polylineStyle.lineColor = 0xff0000;polylineStyle.lineSize = 5;mapObj.beginDrawPolylineOnMap(polylineStyle);/鼠标画矩形function beginDrawRectOnMap()mapObj.quitMouseDraw();var rectStyle = new MStyle();rectStyle.lineColor = 0x00ff00;rectStyle.lineSize = 3;rectStyle.f

39、illOpacity = 30;rectStyle.fillColor = 0x009999;mapObj.beginDrawRectOnMap(rectStyle);/鼠标画多边形function beginDrawPolygonOnMap()mapObj.quitMouseDraw();var polygonStyle = new MStyle();polygonStyle.lineColor = 0xff0000;polygonStyle.lineSize = 5;polygonStyle.fillOpacity = 50;polygonStyle.fillColor = 0x99990

40、0;mapObj.beginDrawPolygonOnMap(polygonStyle);/鼠标画圆function beginDrawCircleOnMap()mapObj.quitMouseDraw();var circleStyle = new MStyle();circleStyle.lineColor = 0xff00ff;circleStyle.lineSize = 4;circleStyle.fillOpacity = 60;circleStyle.fillColor = 0xff9900;mapObj.beginDrawCircleOnMap(circleStyle);/鼠标画

41、正多边形function beginDrawRegularPolygonOnMap()mapObj.quitMouseDraw();var regularPolygonStyle = new MStyle();regularPolygonStyle.lineColor = 0x6600ff;regularPolygonStyle.lineSize = 6;regularPolygonStyle.sideCount = 6;regularPolygonStyle.fillOpacity = 40;regularPolygonStyle.fillColor = 0x009900;mapObj.be

42、ginDrawRegularPolygonOnMap(regularPolygonStyle); 6. 事件处理事件是面向对象编程的强大工具，可以提高应用的交互性。MapABC地图API提供了大量的事件，让您轻松开发更多互动应用。鼠标单击事件是最常用的事件，注册一个单击事件的事件处理函数，当鼠标在地图上单击时，会把地图的id，当前的缩放级别，鼠标点击处的坐标返回到事件处理函数里。示例代码12：代码示例1（把示例1的例子复制过来）/注册地图初始化完成事件 地图初始化完执行 mapInited() 方法mapObj.addEventListener(MMap.EVENT_MAP_INITIALIZ

43、ED, mapInited);/注册鼠标画点后事件mapObj.addEventListener(MMap.EVENT_POINT_DRAWN, pointDrawn);function mapInited()alert(初始化完成,请在地图上加点!);beginDrawPointOnMap();function beginDrawPointOnMap()var pointStyle = new MStyle();pointStyle.lineColor = 0x445599;pointStyle.lineSize = 3;pointStyle.fillColor = 0xaa9900;poi

44、ntStyle.fillOpacity = 30;pointStyle.label = 一个点;pointStyle.textContent = 鼠标画点;mapObj.beginDrawPointOnMap(pointStyle);function pointDrawn(event)alert(event.args);7. 右键菜单想实现更多的定制化？MapABC地图API让您随意定义右键菜单。您可以增加自己的右键菜单选项。点击右键菜单，选择菜单项后，地图引擎会抛出右键菜单点击事件，并传出当前点击的参数。您可以在右键菜单事件处理函数里添加代码，实现菜单项对应的功能。示例代码13：代码示例1（

45、把示例1的例子复制过来）/注册右键菜单 回调方法mapObj.addEventListener(MMap.EVENT_POPUP_MENU_CLICK,tipClosed);function tipClosed(event)alert(event.args); 8. 地图编辑功能MapABC地图API提供了地图编辑接口，您可以在地图上标注，或者编辑标注的内容。不仅点可以用来标注，线和面都可以作为标注的工具。示例代码14：代码示例1（把示例1的例子复制过来）/注册导出地图数据事件 后执行 onexportMapData 方法mapObj.addEventListener(MMap.EVENT_E

46、XPORT_MAP_DATA, onexportMapData);function editMode()/设置地图为编辑模式mapObj.setMapMode(MMapMode.EDIT);/编辑模式下 添加点function createPoint()var defaultPointStyle = new MStyle();defaultPointStyle.canBeTop = true;mapObj.addGeometry(MGeometry.TYPE_POINT, defaultPointStyle);/编辑模式添加折线function createPolyline()/定义缺省的多折

47、线样式var polylineStyle = new MStyle();polylineStyle.lineColor = 0x00ff00;polylineStyle.lineSize = 5;polylineStyle.lineOpacity = 60;polylineStyle.showTip = true;mapObj.addGeometry(MGeometry.TYPE_POLYLINE, polylineStyle);/导出地图数据事件处理函数function onexportMapData(event)alert(event.args);/*event.type=”onExpor

48、tMapData”event.args=mapId,jsonStringargs 的值是一个以“,”分隔的字符串，其中：mapId：地图的IdjsonString：整个地图的几何对象的JSON 字符串。*/function createPolygon()/定义缺省的多边形样式var polygonStyle = new MStyle();polygonStyle.lineColor = 0x00ff99;polygonStyle.lineSize = 5;polygonStyle.lineOpacity = 60;polygonStyle.fillOpacity = 50;polygonSty

49、le.fillColor = 0x999900;mapObj.addGeometry(MGeometry.TYPE_POLYGON, polygonStyle);/导出点的数据方法function exportMapData()mapObj.exportMapData();/导出地图数据事件处理函数function onexportMapData(event)alert(event.args);/*event.type=”onExportMapData”event.args=mapId,jsonStringargs 的值是一个以“,”分隔的字符串，其中：mapId：地图的IdjsonString：整个地图的几何对象的JSON 字符串。*/操作方法: 先在 地图上左键标点 并填入标题 内容点击确定. 然后点击导出数据input type=button onClick=javascript:editMode(); valu