【地图制作】详细代码说明和效果图，可实现当前各种地图
http://tech.ddvip.com 2008年09月06日 社区交流
本文详细介绍【地图制作】详细代码说明和效果图，可实现当前各种地图
应用第三方地图制作，这个站点是一个地图制作网站，也叫炫地图，在google，百度搜索一下会有很多结果。
通过该站提供的接口，可以制作各种各样的地图，如在地图上进行位置点标注、路线规划以及区域圈选等，并可以将标注后的地图通过多种渠道展现给其他网友。也可以制作博客地图。
只使用js就可以了，接口都已写好，可以先看一下效果
火热冰城：http://diy.mapabc.com/view/ff808081-1b7d5da3-011b-9613bfbb-00db.shtml
奥运首金：http://diy.mapabc.com/view/4028811d-1b9c582d-011b-a5bd82d5-0028.shtml
奥运二金：http://diy.mapabc.com/view/40288118-1b9c5059-011b-a672eea2-002a.shtml
裸泳海滩：http://diy.mapabc.com/view/40288118-1b9c5059-011b-9db90cff-0005.shtml
1 项目样例代码
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<scripttype="text/javascript"src="http://api.mapabc.com/fmp/v1.0/js/fmp.js?key=b0a7db0b3a30f944a21c3682064dc70ef5b738b062f6479a5eca39725798b1ee300bd8d5de3a4ae3"></script>
</head>
<body>
<divid="mapObj"style="width:600px;height:400px">
</div>
<scripttype="text/javascript">
//创建一个MmapOptions对象
varmapOptions=newMMapOptions();
//设置地图组件的Id
mapOptions.mapId="fmptest";
//设置地图的初始Zoom值
mapOptions.zoomLevel=10;
//设置地图的中心点
mapOptions.center=newMLatLng("MMGVSTJTRHDHL","JJOMWKHONTPHLH");
//创建地图对象
varmapObj=newMMap("mapObj",mapOptions);
functioneditMode(){
//设置地图为编辑模式
mapObj.setMapMode(MMapMode.EDIT);
}
/**
说明：
把使用exportMapData方法导出的点、线、面数据导入到当前地图。导入的数据是
JSON格式字符串，因此使用此功能时需要在页面里添加一些JSON工具，如prototype.js
（1.5.1以后的版本）。
注意：不要使用json.js，这个脚本与FMP有冲突。
参数：
data：
说明：导入的数据，是一个JSON字符串。
类型：String
**/
varjson='[{"coordX":"JJOMWKHOOTLLLL","coordY":"MMGVSSNVKHDHH","contents":"<TEXTFORMATLEADING="2"><PALIGN="LEFT"><FONTFACE="宋体"SIZE="12"COLOR="#000000"LETTERSPACING="0"KERNING="0">晨报讯(记者杨莲洁)前天，徐静蕾做客MapABC图盟科技，和北京电影学院93级表演系的同班同学杨飞(现任MapABC业务拓展部经理)聚会。毕业十年再聚首，老同学一起回忆过去，想起当年同学的旧事，徐静蕾不禁泪如雨下，一旁的同学刘孜也陪同伤感落泪。</FONT></P></TEXTFORMAT>","icoUrl":"http://api.mapabc.com/fmp/test/components/point/DynamicPoint/redbubble.swf","imageArray":["http://res.mapabc.com/mymaps/img/2007/9/28/img200792882044185.jpg"],"notStyleContent":"晨报讯(记者杨莲洁)前天，徐静蕾做客MapABC图盟科技，和北京电影学院93级表演系的同班同学杨飞(现任MapABC业务拓展部经理)聚会。毕业十年再聚首，老同学一起回忆过去，想起当年同学的旧事，徐静蕾不禁泪如雨下，一旁的同学刘孜也陪同伤感落泪。","serialid":"4c159459-7251-56ae-c1c3-4C033095c979","titles":"Ales","setTop":true,"gType":"pp_mc"}]';
//将json的值写成一行
mapObj.importMapData(json1);
</script>
</body>
</html>
来源：blog.csdn 作者：陈海雨 责编：豆豆技术应用