百度地图应用程序接口使用方法详解

最近做了个项目，其中项目中有个需求需要用到百度地图进行导航，通过查阅相关资料参考百度地图美国石油学会(美国石油协会)完成了一个例子。

示例一：

应用程序接口地址：http://开发者。百度。com/map/jsdemo。htm # a1 _ 2

！DOCTYPE html html head meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/meta name=' viewport ' content=' initial-scale=1.0，user-scalable=no '/style type=' text/CSS ' body，html，# all map { width : 100%；高度： 100%;飞越：隐藏；余量：0字体系列： '微软雅黑；} /style！-调用百度api -脚本类型=' text/JavaScript ' src=' http :http://API。地图。百度。com/API？v=2.0ak=你的密钥/脚本标题地图展示/title/head body div id=' all map '/div/body/html脚本类型=' text/JavaScript '//百度地图应用程序接口功能var映射=新的BMap .地图('所有地图')；//创建地图实例map.centerAndZoom('西安', 5);//初始化地图，用城市名设置地图中心点map.addControl(新的BMap .MapTypeControl())；//添加地图类型控件map.setCurrentCity('深圳');//设置地图显示的城市此项是必须设置的map.enableScrollWheelZoom(真);//开启鼠标滚轮缩放定义变量点=新的BMap .点(116.404,39.915);定义变量标记=新的BMap .标记（点);//创建点map.addOverlay(标记);//添加点map.removeOverlay(标记);//删除点//创建地址解析器实例var myGeo=新BMap .geocoder()；//批量解析var add=['长沙', '深圳', '香港', '郑州', '惠州', '南昌', '赣州', '中山', '阳江', '上海', '无锡', '南京'];for(var I=0；长度；我){ mygeo。getpoint(add[I]，function(point){ if(point){ var address=new BMap .点。lat)；定义变量标记=新的BMap .标记（地址);map.addOverlay(标记);var opts={ width: 120，//信息窗口宽度高度： 70, //信息窗口高度标题： '项目信息' //信息窗口标题} var infoWindow=新BMap .信息窗口(' a href='#' target='blank '查看详情/a '，opts)；//创建信息窗口对象marker.addEventListener('click '，function(){ map。openinfowindow(infoWindow，地址)；//开启信息窗口});} }, '深圳市');} getBoundary('中国');函数获取边界(s区域){ var b ary=新的BMap .边界();二月。获取区域、函数{ //获取行政区域var计数=RS。界限。长度；//行政区域的点有多少个for(var I=0；我数；i ) { var ply=新BMap .多边形(rs.boundaries[i]，{ strokeWeight: 2，strokeColor: '#4A7300 '，填充颜色： ' # FFF8DC ' })；//建立多边形覆盖物地图。附加层；//添加覆盖物} });}/脚本效果如下：

示例二：

百度地图应用程序接口是由Java脚本语言语言编写的，在使用之前需要将应用程序接口引用到页面中：现在新版本的需要密钥，下面用的是旧版的

脚本src=' http :3358 API。地图。百度。com/API？v=版本服务=真或者false ' type=' text/JavaScript '/script

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

！DOCTYPE html html head meta charset=' utf-8 '/title百度地图应用程序接口的使用/title！-百度地图API -脚本src=' http :http://API。地图。百度。com/API？v=1.2 ' type=' text/JavaScript '/script script type=' text/JavaScript '函数initialize() { //创建地图实例var映射=新的BMap .地图('地图');//创建一个坐标定义变量点=新的BMap .点(113.264641,23.154905);//地图初始化，设置中心点坐标和地图级别地图中心和缩放（点，15);} window.onload=initialize/剧本/头身！-百度地图地图容器-div id=' map ' style=' width :500 px；高度：320 px '/div/body/html地图上添加控件：

//添加控件

map.addControl(新的BMap .MapTypeControl())；

MapTypeControl -地图类型控件

版权控制-版权控件

ScaleControl -比例尺控件

导航控制-缩放控件

概述地图控制-缩略图控件

创建标注：

var标记=新的BMap。标记(点)；//创建注释图. addOverlay(标记)；//向地图添加标签以创建信息窗口：

var infoWindow=新BMap。信息窗口(“我在这里”)；//创建一个信息窗口对象map.openinfowindow (infowindow，point)；//打开信息窗口百度地图偏移：

经度修正值：0.008774687519；

纬度修正值：0.00374531687912；