加载百度地图，设置中心点，专为懒人准备

思念是荒芜的梦

发布于 2026-01-09 12:59:00

1290

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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2013-04-10，如有侵权请联系 cloudcommunity@tencent.com 删除

html