现在的网络绝对是个API的时代，或许自从Facebook出API接口的应用之后，API的使用已经在各大互联网巨头中启用，Google啊、校内啊、海内啊等等一堆的网络公司都在接口整块，貌似现在淘宝也有了自己的API应用服务，看来不学点API的技术是不行了，可是到底什么是API呢？下面通过简单使用api.51ditu.com 图灵公司提供的API接口，可以将自己公司名称放在地图当中哦，还不赶快试试？

先发个效果图，大家看看先：

API的应用是超级的简单，下面直接将我做的代码附在下面：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JavaScript Maps API</title>
<script language="javascript" src=" http://api.51ditu.com/js/maps.js "></script>
</head>
<body style="padding:0px;margin:0px">
<div id="myMap" style="position:relative; width:1000px; height:620px;"></div>
<script language="javascript">
var maps = new LTMaps( "myMap" );
maps.cityNameAndZoom("wenzhou",0);
maps.centerAndZoom(new LTPoint(12071351,2799184),0);
var control = new LTStandMapControl();//缩放控件
maps.addControl(control);
var control = new LTMarkControl();//标注
maps.addControl(control);
function getPoi(){
var poi = control.getMarkControlPoint();

alert( "纬度：" + poi.getLatitude() + "\n经度：" + poi.getLongitude() );
}
LTEvent.addListener( control , "mouseup" , getPoi );
var marker1 = new LTMarker( new LTPoint(12071360,2799190) );
maps.addOverLay( marker1 );
var point = new LTPoint(12071362,2799160);
var text = new LTMapText( point );
text.setLabel( "<a href='http://www.cnvp.com.cn' target='_blank'>温州市捷点信息技术有限公司</a>" );
maps.addOverLay( text );
LTEvent.addListener( marker1 , "mouseover" , function(){ marker1.openInfoWinHtml("<a href=http://www.cnvp.com.cn

target=_blank>温州市捷点信息技术有限公司</a><br>联系电话：0577-86665455 &nbsp;&nbsp;") } );
</script>
</body>
</html>

附上本次实验的成果：附件下载 效果浏览