加载百度地图，设置中心点，专为懒人准备_bmap百度地图设置当前位置为地图中心-优快云博客

本文链接：https://blog.youkuaiyun.com/g631521612/article/details/8782786

本文介绍如何使用百度地图API在JSP页面上显示地图，并通过简单的JavaScript代码实现地图的加载和定位。文中提供了完整的示例代码，包括HTML结构、样式设置及必要的JavaScript脚本。

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

jsp页面：（也可以用html页面）

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
<script type="text/javascript" src="a.js"></script>
<title>百度</title>
</head>
<body>
	<input type="button" onclick="showmap()">
	<div id="allmap" style="width: 300px;height: 300px;"></div>
</body>
</html>

外部引用了js文件（完全可以写在内部）

function showmap(){
	var map = new BMap.Map("allmap");
	var point = new BMap.Point(116.404, 39.915);
	map.centerAndZoom(point,15);
	map.enableScrollWheelZoom();
	var marker = new BMap.Marker(point);  // 创建标注
	map.addOverlay(marker);              // 将标注添加到地图中
}

就是这么简单，如果需要更加深入实用地图，请看百度地图的api http://developer.baidu.com/map/jsdemo.htm