给你举个简单的例子
[CODE]<!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>
<script language="javascript" src="http://api.51ditu.com/js/ezmarker.js"></script>
</head>
<body>
<div id="myMap" style="position:relative; width:400px; height:300px;"></div>
<script language="javascript">
var marked=false;
//在标注被标点或者自动初始化的时候设置提示文字
function onMarker()
{
document.getElementById("markerTips").innerHTML="已经标注位置,点击按钮修改";
marked=true;
}
var ezmarker=new LTEZMarker("ezmarker");
LTEvent.addListener(ezmarker,"mark",onMarker);
</script>
<script language="javascript">
var ltInfoWindow;
var maps = new LTMaps( "myMap" );
maps.cityNameAndZoom( "beijing" , 5 );
var marker1 = new LTMarker( new LTPoint( 11636224 , 3991040 ) );
maps.addOverLay( marker1 );
LTMarker.setInfoWinWidth( 400 );
LTMarker.setInfoWinHeight( 300 );
LTInfoWindow.setTitle("××××有限公司");
LTEvent.addListener( marker1 , "click" , function(){ marker1.openInfoWinHtml( "北宅新村(新盘)<br><hr color='red'> <img src='' width=150 height=180 border=0><br>地址:怀柔区桥梓镇北宅村<br> 价格:起价2750元/平米 均价2900元/平米 最高价3100元/平米<p align=right><a href='upload.asp' target=_blank>详细信息</a> <a href='delete.asp' target=_blank>户型图</a> <a href='delete.asp' target=_blank>业主论坛</a> <a href='delete.asp' target=_blank>周边</a></p> " ) } );
</script>
</body>
</html>[/CODE]
上面的红色是调用的51ditu的api接口,下面的红色数字表示地图的坐标。
51ditu提供了很多api,这里只是用了一个最简单的例子,其他api没有调用
你可以去搜索一下,有很多这方面的例子的。
不过个人感觉51ditu没有google earth好,调用地图有进速度太慢。
5楼我给的网址是别人自己开发的api,把51ditu和google earth结合起来了,这个做的比较强,你可以做个参考。