使用百度地图简单示例

Posted on 2011-06-22 16:37 PHP博客 阅读(3121) 评论(0)  编辑 收藏 引用 网摘
简单的设置了几个属性,大体架子已经出来了。
<html>
    <head>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.1&services=false"></script>  
    <script type="text/javascript">  
        function MblogDotccMap(){  
                       // 创建地图实例  
            var map = new BMap.Map("MblogMap");
                        //坐标到这里找http://dev.baidu.com/wiki/static/map/API/tool/getPoint/
            var point = new BMap.Point(116.403856,39.914887);
            map.centerAndZoom(point, 15);                // 初始化地图,设置中心点坐标和地图级别  
                        //添加一些控件
            map.addControl(new BMap.NavigationControl());
            map.addControl(new BMap.ScaleControl());
            map.addControl(new BMap.OverviewMapControl());
//            map.addControl(new BMap.MapTypeControl());
          var marker = new BMap.Marker(point);        // 创建标注  
          map.addOverlay(marker);
                        //滚轮事件
            map.enableScrollWheelZoom(true);
    
        var infoWindow = new BMap.InfoWindow("<img title='这里' alt='这里' src='http://www.iteye.com/upload/logo/user/483833/f73688df-27ad-38dc-8a56-06c465c9b6d5.jpg?1305767184' /><br/><span>I'am here.</span>");  // 创建信息窗口对象自己写的JS操作等待浮出层
        marker.addEventListener("click", function(){        //给标注添加点击事件
            this.openInfoWindow(infoWindow);
        });
        }  
    </script>
    </head>
    <body onload="MblogDotccMap();">
        <div style="width:600px;height:450px;border:1px solid gray; float:left" id="MblogMap"></div>
        <div id="results"></div>
  </body>
</html>

只有注册用户登录后才能发表评论。
网站导航:

posts - 139, comments - 0, trackbacks - 0, articles - 0

Copyright © PHP博客