`
mmdev
  • 浏览: 12927149 次
  • 性别: Icon_minigender_1
  • 来自: 大连
文章分类
社区版块
存档分类
最新评论

百度地图API学习总结

 
阅读更多

一、百度地图API介绍

百度地图API是可以给开发人员调用的开放API,我们可以用Javascript语言进行调用;

听起来API这个概念很抽象,初学者想:“百度的API,我们怎么能调用?”,其实不是这样,我们通过一个URL地址进行引用,然后就可以调用他的API;

不需要Web服务器,只需要一个浏览器就能够使用百度地图API;

二、调用API的基本文件格式

以下为开发百度地图API的最基础代码:



三、常用技术


1.创建地图: var map = new BMap.Map("divid");

2.创建坐标点:var point = new BMap.Point("经度","纬度");

3.设置视图中心点:map.centerAndZoom(point,size);

4.激活滚轮调整大小功能:map.enableScrollWheelZoom();

5.添加控件:map.addControl(new BMap.Xxx());

6.添加覆盖物:map.addOverlay();


控件介绍

1.NavigationControl:缩放地图的控件,默认在左上角;

2.OverviewMapControl:地图的缩略图的控件,默认在右下方;

3.ScaleControl:地图显示比例的控件,默认在左下方;

4.MapTypeControl:地图类型控件,默认在右上方;

如下图所示:

map.addControl()方法添加控件;

代码示例:


覆盖物介绍

覆盖物就是覆盖在地图上的某个事物;

1.标注:Marker

(1)在point处添加标注:var marker = new BMap.Marker(point);

(2)添加覆盖物:map.addOverlay(marker);

(3)激活标注的拖拽功能:marker.enableDragging();

(4)为标注添加事件:marker.addEventListener("名称",function(){

//点击标注后的事件

});

(5)删除覆盖物:map.removeOverlay(marker);

(6)销毁标注:marker.dispose();

2.信息窗口:InfoWindow

(1)在某个特定的位置创建一个信息窗口:var infowindow = new BMap.InfoWindow("内容",{width:250,height:100,title:"hello"});

(2)在地图中央打开信息窗口:map.openInfoWindow(infoWindow,map.getCenter());

3.折线:Polyline

(1)var polyline = new BMap.Polyline([new BMap.Point(X1,Y1),new BMap.Point(X2,Y2),new BMap.Point(X3,Y3)],{strokeColor:"blue", strokeWeight:6, strokeOpacity:0.5});

(2)map.addOverlay(polyline);


四、常见问题

1.怎么获得我想查找的地理位置的经度和纬度?

http://dev.baidu.com/wiki/static/map/API/tool/creatMap/

2.哪里有学习百度地图API的示例代码?

http://dev.baidu.com/wiki/static/map/API/examples/index.html

分享到:
评论

相关推荐

    百度地图API学习案例

    百度地图API学习案例

    百度地图API地图描点示例

    百度地图API是为开发者免费提供的一套基于百度地图服务的应用接口,包括JavaScript API、Web服务API、Android SDK、iOS SDK、定位SDK、车联网API、LBS云等多种开发工具与服务,提供基本地图展现、搜索、定位、逆/...

    c# 调用百度地图API 代码示例

    将百度地图嵌入c# cs窗体中,cs...查了很多资料,参考网上众多朋友的代码及百度地图API demo,这个例子中的js代码不用key,方便很多,使用的是v1.4版,少了很多限制,使用.net4.5开发的,可以将c#代码转为低版本也行的。

    c# 调用百度地图API

    将百度地图嵌入c# cs窗体中,... 查了很多资料,参考网上众多朋友的代码及百度地图API demo,这个例子中的js代码不用key,方便很多,使用的是v1.4版,少了很多限制,使用.net4.5开发的,可以将c#代码转为低版本也行的。

    百度地图API源码

    百度地图API是一套为开发者免费提供的基于百度地图的应用程序接口,包括JavaScript、iOS、Andriod、静态地图、Web服务等多种版本,提供基本地图、位置搜索、周边搜索、公交...

    百度地图API学习源代码

    这个是百度地图API学习过程中的源代码,很全面的,完整的eclipse工程,学习过程中需要联网的环境,欢迎下载学习交流~

    百度地图api_百度地图API_百度地图_

    百度地图的api文档

    百度地图api离线开发包

    本离线开发包,支持百度地图离线开发。用于无网络环境下的百度地图二次开发。 包含以下文件: 1,基础API:apiv1.3.min.js ,有注释可参考; 2,基础CSS: bmap.css ; 3,依赖文件:map,oppc,tile,control,marker; 4...

    百度地图API自定义地图底层

    百度地图 API 自定义地图底层 WEB 版本 用于用户自定义地图的底层

    百度地图API实例

    百度地图API实例百度地图API实例百度地图API实例百度地图API实例百度地图API实例百度地图API实例百度地图API实例

    百度地图API实现热力地图

    python调用百度地图API实现经纬度换算、热力地图全流程指南

    java 调用 百度api 调用百度地图api

    使用javascript 调用百度地图api 调用百度地图api 非常简单

    百度地图api离线版,api版本为2.0

    百度地图api离线版,基于api2.0,带demo和示例数据,支持google地图转换,转换所需的GoogleToBaidu.jar也在本压缩包内

    避开百度地图api配额限制爬取地图数据

    代码借助selenium实现了百度地图的动态抓取,可以直接从百度地图获取数据,很好的解决了api端口的配额限制。

    C++调用百度地图API

    通过C++代码调用百度地图API,一个简单实用的百度地图操作实例,希望能给大家带来帮助。

    基于百度地图API的安徽省地震灾情调查系统设计研究.docx

    基于百度地图API的安徽省地震灾情调查系统设计研究.docx基于百度地图API的安徽省地震灾情调查系统设计研究.docx基于百度地图API的安徽省地震灾情调查系统设计研究.docx基于百度地图API的安徽省地震灾情调查系统设计...

    调用百度地图API显示虚线运动轨迹

    调用百度地图API显示虚线运动轨迹,自己写的一个例子,附带注释,适合初次接触百度地图API的

    百度地图API应用实例说明文档

    1.1 百度地图 API 概念 1.2 百度地图的“Hello, World” 1.2.1 引用百度地图API文件 1.2.2创建地图容器元素 1.2.3命名空间 1.2.4创建地图实例 1.2.5创建点坐标 1.2.6 初始化地图 1.2.7地图操作 2应用示例 ...

    html读取json数据百度地图api加载json数据加载marker图标

    html读取json数据百度地图api加载json数据加载marker图标

Global site tag (gtag.js) - Google Analytics