百度地图API简单使用
2024-08-26 13:41:19
百度地图API是由JavaScript语言编写的,在使用之前需要将API引用到页面中: 现在新版本的需要密钥,下面用的是旧版的
<script src="http://api.map.baidu.com/api?v=版本&services=true或者false" type="text/javascript"></script>
显示广州火车站简单实例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>百度地图API的使用</title>
<!-- 百度地图API-->
<script src="http://api.map.baidu.com/api?v=1.2" type="text/javascript"></script>
<script type="text/javascript">
function initialize() {
//创建地图实例
var map = new BMap.Map('map');
//创建一个坐标
var point =new BMap.Point(113.264641,23.154905);
//地图初始化,设置中心点坐标和地图级别
map.centerAndZoom(point,15);
}
window.onload = initialize;
</script>
</head>
<body>
<!-- 百度地图地图容器-->
<div id="map" style="width:500px;height:320px"></div>
</body>
</html>
地图上添加控件:
//添加控件
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;
更多请参考百度开放文档:
http://developer.baidu.com/map/jsdemo.htm#a1_2
最新文章
- cocos2d-x 3.5以后版本的 luasocket
- microsoft office professional plus2013激活
- Matlab 读取文件夹中所有的bmp文件
- 自己用的jquery经常用的工具command
- JS中多种方式创建对象
- How to print 如何输出 int64_t,uint64_t的值 in C
- HTTP协议用的TCP但是只建立单向连接
- oracle 简述
- STORM_0006_第二个storm_topology:WordCountTopology的代码与运行
- WCF z
- <; java.util >;-- Set接口
- ASP.NET Web API教程(六) 安全与身份认证
- (转载)PHP源代码分析- tick(s)
- .Net+MySQL
- How to create a repository in Github with Eclipse?
- 修改织梦默认栏目页、文章页URL命名规则,简化目录结构
- python之定义参数模块argparse(一)基本使用
- input光标大小
- Java集合框架——容器的快速报错机制 fail-fast 是什么?
- (转)细说JDK动态代理的实现原理
热门文章
- JQuery 获取json数据$.getJSON方法的实例代码
- 加载页面遮挡耗时操作任务页面--第三方开源--AndroidProgressLayout
- Linux性能监控top及vmstat命令
- oracle 11g 通过透明网关链接mysql
- FastLoad错误 — RDBMS error 2634
- HTTP报文格式
- ios开发之NavBar和TarBar使用技巧
- 首页视频播放jquery
- StackExchange.Redis的使用
- 开发中/listfile.jsp(11,31) quote symbol expected 这个错误