百度地图API使用demo

示例一:

API地址:http://developer.baidu.com/map/jsdemo.htm#a1_2




 
 
 
 
  
 地图展示


 

效果如下:

百度地图API使用demo_第1张图片

 

示例二:

百度地图API是由JavaScript语言编写的,在使用之前需要将API引用到页面中:  现在新版本的需要密钥,下面用的是旧版的

显示广州火车站简单实例:

 
 
 
  
 百度地图API的使用 
 
  
  
 
 

 

//添加控件

地图上添加控件:

百度地图API使用demo_第2张图片

//添加控件

 
   

map.addControl(new BMap.MapTypeControl());

MapTypeControl ---------地图类型控件

CopyrightControl --------版权控件

ScaleControl       --------比例尺控件

NavigationControl  ------缩放控件

OverviewMapControl  ----缩略图控件


创建标注:

百度地图API使用demo_第3张图片

var marker = new BMap.Marker(point);       // 创建标注
map.addOverlay(marker);      // 将标注添加到地图中

创建信息窗口:

百度地图API使用demo_第4张图片

var infoWindow = new BMap.InfoWindow("I am here"); // 创建信息窗口对象
map.openInfoWindow(infoWindow,point);     //开启信息窗口

 

百度地图偏移量:

经度校正值: 0.008774687519;

纬度校正值: 0.00374531687912;

你可能感兴趣的:(前端)