随笔-18  评论-11  文章-12  trackbacks-0

       使用这些api,即使一个门外汉也可以为自己的网站添加地图。

      下面的代码,将会创建一个简单的地图网页。如:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>地图测试</title>
    <script language="javascript" src="http://api.51ditu.com/js/maps.js "></script>
</head>

<body>
    <form id="form1" runat="server">
        <div id="myMap" style="position:relative; width:400px; height:300px;"></div>
        <script language="javascript">
            var maps = new LTMaps( "myMap" );   //LTMaps类有一个参数,是该地图所在div的name
            maps.cityNameAndZoom( "beijing" , 5 );
            var c = new LTSmallMapControl();   //简单的放大缩小条
            maps.addControl(c);
            var point = new LTPoint( 11640969 , 3989945 );//北京
            var marker = new LTMarker( point );  //一个标记
            maps.addOverLay( marker );  //将标记覆盖到地图涂层上
            var text = new LTMapText( marker );
            text.setLabel( "我的位置" );
            maps.addOverLay( text );
        </script>
    </form>
</body>
</html>

详细的API说明在http://api.51ditu.com/docs/index.html可以查询。

51API架构

posted on 2009-02-11 20:25 ronliu 阅读(363) 评论(0)  编辑 收藏 引用

只有注册用户登录后才能发表评论。
网站导航: 博客园   IT新闻   BlogJava   知识库   博问   管理