首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

百度map简单应用

2012-11-23 
百度地图简单应用简单的设置了几个属性,大体架子已经出来了。具体可以参阅http://dev.baidu.com/wiki/map/i

百度地图简单应用
简单的设置了几个属性,大体架子已经出来了。
具体可以参阅http://dev.baidu.com/wiki/map/index.php?title=%E5%BC%80%E5%8F%91%E6%8C%87%E5%8D%97

<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>");  // 创建信息窗口对象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>

热点排行