百度地图API

于 2013-01-30 12:38:21 发布
阅读量411 收藏
点赞数
分类专栏： 地图API
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hewusheng10/article/details/8555721
版权

地址：http://dcdc723.iteye.com/blog/689796

  1. 百度地图api
    百度 JavaScript HTML
    Java代码 复制代码 收藏代码
    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    2. <html> 
    3. <head> 
    4. <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> 
    5. <title>地图</title> 
    6. <script type="text/javascript" src="http://api.map.baidu.com/api?key=1c9e87d6e503e41335c10add50a2d4ff&v=1.0&services=false" ></script> 
    7. </head> 
    8. <body> 
    9. <div style="width:520px;height:520px;border:1px solid gray" id="container"></div> 
    10. </body> 
    11. </html> 
    12.  
    13.  
    14.  
    15. <SCRIPT LANGUAGE="JavaScript"> 
    16.         var map = new BMap.Map("container"); 
    17.         var point = new BMap.Point(104.023618,30.698727);//地图的经纬度坐标（经度坐标，纬度坐标） 
    18.          
    19.         map.centerAndZoom(point, 17);// 初始化：point初始要定位到的点,15:地图显示级别即比例尺，值越大显示的越详细 
    20.         map.addControl(new BMap.NavigationControl({type: BMAP_NAVIGATION_CONTROL_SMALL})); 
    21.         var marker = new BMap.Marker(new BMap.Point(104.023618,30.698727)); 
    22.         map.addOverlay(marker); 
    23.         
    24.         marker.addEventListener("click", function(){this.openInfoWindow(infoWin);}); 
    25.         
    26.         var infoWinOpts = { 
    27.          width : 200   
    28.          ,height : 60 
    29.         } 
    30.         var infoWin = new BMap.InfoWindow("<div style='text-align:left;margin-top:3px;font-size:17;color:#1A6DAF'>地址：地<br>电话：028-XXXXXX</div>",infoWinOpts);//点击显示文字 
    31.         marker.openInfoWindow(infoWin); 
    32.         map.enableScrollWheelZoom();                 //用鼠标滚轴 
    33.       </SCRIPT> 
南华
关注
专栏目录
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值