时时商务社区

标题: 百度地图API使用方法详解 [打印本页]

作者: wx_pylelnL4 时间: 2018-2-14 05:43

最近做了个项目，其中项目中有个需求需要用到百度地图进行导航，通过查阅相关资料参考百度地图api完成了一个例子。
示例一：
API地址：http://developer.baidu.com/map/jsdemo.htm#a1_2

body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}

地图展示

效果如下：

示例二：
百度地图API是由JavaScript语言编写的，在使用之前需要将API引用到页面中：现在新版本的需要密钥，下面用的是旧版的
显示广州火车站简单实例：

百度地图API的使用






地图上添加控件：

//添加控件
map.addControl(new BMap.MapTypeControl());
MapTypeControl ---------地图类型控件
CopyrightControl --------版权控件
ScaleControl    --------比例尺控件
NavigationControl  ------缩放控件
OverviewMapControl  ----缩略图控件
创建标注：

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

var infoWindow = new BMap.InfoWindow("I am here"); // 创建信息窗口对象
map.openInfoWindow(infoWindow,point);    //开启信息窗口
百度地图偏移量：
经度校正值： 0.008774687519;
纬度校正值： 0.00374531687912;


您可能感兴趣的文章:

通过百度地图获取公交线路的站点坐标的js代码

百度地图api应用标注地理位置信息(js版)

利用百度地图JSAPI生成h7n9禽流感分布图实现代码

JS中引用百度地图并将百度地图的logo和信息去掉

javascript使用百度地图api和html5特性获取浏览器位置

js 调用百度地图api并在地图上进行打点添加标注

使用百度地图api实现根据地址查询经纬度

js调用百度地图及调用百度地图的搜索功能

欢迎光临时时商务社区 (http://bbs.4435.cn/)