有时候我们需要调用到百度地图,其实很简单,以下附上代码,直接复制到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)