百度地图API

最新推荐文章于 2024-02-06 08:30:00 发布

天街小宇宙

最新推荐文章于 2024-02-06 08:30:00 发布

阅读量388

点赞数

CC 4.0 BY-SA版权

分类专栏： API 文章标签：百度地图地图 API HTML

本文链接：https://blog.youkuaiyun.com/wty1000/article/details/9120071

API 专栏收录该内容

2 篇文章

订阅专栏

本文展示了一个使用百度地图API的基本示例，通过JavaScript代码在网页中嵌入了一个地图，并设置了中心点在北京。此示例利用了jQuery库简化DOM操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
#box{ width:500px; height:500px;}
</style>
<script src="jquery-1.8.3.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
<script>
$(document).ready(function(e) {
bMap('box',116.404, 39.915);
});
function bMap(box,x,y)
{
var map = new BMap.Map(box); // 创建Map实例
var point = new BMap.Point(x, y); // 创建点坐标
map.centerAndZoom(point,15); // 初始化地图,设置中心点坐标和地图级别。
//objm.enableScrollWheelZoom(); //启用滚轮放大缩小

//http://developer.baidu.com/map/jsdemo.htm百度API工具

}
</script>
<body>
<div id="box"></div>
</body>
</html>