教学之友,学习之友。

站长教学网

当前位置: 站长教学网 > 前端开发 > JS教程 >

调用简单百度地图 通过js api

时间:2012-11-01 09:36来源:未知 作者:ken 点击:

有时候我们需要调用到百度地图,其实很简单,以下附上代码,直接复制到html就可以调用了

详细的参数下载百度http://developer.baidu.com/map/static/doc/jsapi1-3.zip js api开发文档

和到百度演示页面上去查询即可http://developer.baidu.com/map/jsdemo.htm

<!DOCTYPE html>
<html>
<head>
<title>异步加载</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
<div id="map" style="width:500px;height:320px"></div>
<script type="text/javascript">
var map = new BMap.Map("map");
var point = new BMap.Point(114.117668,22.585431);
map.centerAndZoom(point , 20);
var marker = new BMap.Marker(point);  // 创建标注
map.addOverlay(marker);              // 将标注添加到地图中
var label = new BMap.Label("我是提示哦 站长教学网 eduyo.com",{offset:new BMap.Size(20,-10)});
marker.setLabel(label);
map.addControl(new BMap.NavigationControl());               // 添加平移缩放控件  
map.addControl(new BMap.ScaleControl());                    // 添加比例尺控件  
map.addControl(new BMap.MapTypeControl());          //添加地图类型控件  
map.setCurrentCity("深圳");          // 设置地图显示的城市 此项是必须设置的 
map.enableScrollWheelZoom(true);//鼠标缩放  
</script></body>
</html>

百度地图JavaScript API提供地图基本功能(显示、平移、缩放、拖拽等)、兴趣点搜索、周边搜索、公交驾车路线搜索、逆/地理编码等。

您可以开发PC端和移动设备中基于浏览器的类似百度地图网站的网页版地图应用,即将百度地图嵌入到您的应用,且支持html5特性的浏览器地图开发。

该套API免费对外开放,您无需申请key,在线方式调用。具体实现看参考开发资源文档。

(责任编辑:ken)
TAG标签: 百度 地图
顶一下
(3)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
注册登录:不允许匿名留言,登录后留言无需输入验证码。
栏目列表
最新内容