百度地图API是由JavaScript语言编写的,在使用之前需要将API引用到页面中:
<script src="http://api.map.baidu.com/api?v=版本&services=true或者false" type="text/javascript"></script>
显示广州火车站简单实例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>百度地图API的使用</title> <!-- 百度地图API--> <script src="http://api.map.baidu.com/api?v=1.2" type="text/javascript"></script> <script type="text/javascript"> function initialize() { //创建地图实例 var map = new BMap.Map(‘map‘); //创建一个坐标 var point =new BMap.Point(113.264641,23.154905); //地图初始化,设置中心点坐标和地图级别 map.centerAndZoom(point,15); } window.onload = initialize; </script> </head> <body> <!-- 百度地图地图容器--> <div id="map" style="width:500px;height:320px"></div> </body> </html>
地图上添加控件:
//添加控件 map.addControl(new BMap.MapTypeControl());
MapTypeControl ---------地图类型控件
CopyrightControl --------版权控件
ScaleControl --------比例尺控件
NavigationControl ------缩放控件
OverviewMapControl ----缩略图控件
创建标注:
var marker = new BMap.Marker(point); // 创建标注 map.addOverlay(marker); // 将标注添加到地图中
更多请参考百度开放文档:
http://developer.baidu.com/map/jsdemo.htm#a1_2