百度地图API 使用Demo

先上一张效果图

一、获取百度地图密钥

1. 打开百度地图开发平台 http://lbsyun.baidu.com/ (没账号就先注册，这就不说了。。)
2. 点击"申请密钥"--->创建新应用-->输入信息--> 确认-->就得到一个地图密钥.  如下图示

图一

图二

图三

使用

第一步: 在代码中引用百度地图API

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script>

第二步: 创建个div

<div id="allmap"></div>

第三步: 实例化

var map = new BMap.Map("allmap");

代码如下

<!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{width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}#allmap {width: 600px;height: 600px;margin: 10% auto;}</style><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script><title>地图展示</title>
</head>
<body><div id="allmap"></div>
</body>
</html>
<script type="text/javascript">// 百度地图API功能var map = new BMap.Map("allmap");    // 创建Map实例map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 初始化地图,设置中心点坐标和地图级别（）map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放var navigationControl = new BMap.NavigationControl();//创建平移缩放控件
</script>

现在就可以了
百度地图虽出来了，但是感觉还差了点啥，于是就要添加各类控件

控件1: 比例尺

var scaleControl = new BMap.ScaleControl();//这里创建比例尺控件  map.addControl(scaleControl);//添加到地图

控件2: 缩略图控件

var overviewMapControl = new BMap.OverviewMapControl();//创建缩略图控件，注意这个控件默认是在地图右下角，并且是缩着的
map.addControl(overviewMapControl);

//若想自定义定点位置，用打开百度坐标拾取系统 http://api.map.baidu.com/lbsapi/getpoint/index.html

这里是百度官方的demo，挺好的。直接可以看，可以调。想找什么都有
http://lbsyun.baidu.com/jsdemo.htm#a1_2

原文地址： http://blog.csdn.net/wx11408115/article/details/73230059
demo下载地址:
百度云: 链接：http://pan.baidu.com/s/1dEV7l7b 密码：db7c

http://download.csdn.net/detail/wx11408115/9872383

百度地图API 使用Demo相关推荐

【c#】Form调用百度地图api攻略及常见问题
首先,在Form中调用百度地图api,我们需要使用webbrowser控件,这个在前面的文章中已经讲过了,可以参照(http://blog.csdn.net/buptgshengod/article/ ...
百度地图API实例教程
这几天比较空闲,就接触了下百度地图API (开发者中心链接地址:http://developer.baidu.com),发现调用还是挺方便的.只要简单几步注册下,就可以获得一个Key,就能直接调用( ...
android百度地图API 骑行，步行导航的DEMO以及途径点问题
android百度地图API的简单骑行,步行的导航demo,以及关于多个路径点问题的说明 ##注:目前基础百度地图API的步行以及骑行是不支持多个路径点的,只能单点对单点的,如果你真的想多个途径点导航 ...
教你用百度地图API抓取建筑物周边位置、房价信息（附代码）
来源:大数据挖掘DT数据分析本文共2465字,建议阅读5分钟. 本文为大家解读怎样用脚本与百度API的交互,爬取百度地图的数据. 需求描述对于数据挖掘工程师来说,有时候需要抓取地理位置信息,比如统 ...
Android通过百度地图API用Service和Alarm在后台定时获取地理位置信息
本文主要介绍了Android项目集成百度地图API,使用AlarmManager定时调用Service,在Service中请求坐标更新,并通过坐标得到省.市和县三级地理位置信息的方法. 程序结构很简单 ...
使用百度地图API制作线路轨迹播放
1.使用百度地图API制作轨迹播放: 可应用于车辆跟踪.行驶线路回放.跑步行程的记录等地图应用场景, 1.1绘制静态轨迹图获取多个轨迹点point(必须包含经度.纬度) 使用polyline对象依次 ...
android应用百度地图,Android学习之百度地图API的应用（一）
现在的地图API很多,我就从百度地图开始了,为了方面自己以后回顾,我会把所有学到的东西记录下来,下面是学习记录: 要使用百度地图首先得申请一个KEY,可以到这里申请(需要注册一个百度账号),申请完之后 ...
C#调用百度地图API入门解决BMap未定义问题
本文主要是最近帮助好友研究JavaScript的百度地图API,同时显示到C# Winform界面.同时遇到了BMap未定义的错误(BMap is not defined)及解决方法.以前写过基于An ...
android百度地图例子,使用百度地图API进行Android地图应用开发（Eclipse）(示例代码)...
随着基于位置的服务的兴起,地图类App呈现爆发趋势.随着而来的是地图供应商开放大量的API.供开发人员开发基于PC或者移动端的应用程序. 如今我们研究使用百度地图SDK进行Android项目的开发. ...

百度地图API 使用Demo

一、获取百度地图密钥

使用

百度地图API 使用Demo相关推荐

最新文章

热门文章