<style type="text/css">
#J-bdmap { width:500px; height:200px; border:1px solid #ccc; }
</style>
<body>
<div class="points"> <a href="#" onclick="return loadPoint(120.147403,30.231107);">太子湾公园</a> | <a href="#" onclick="return loadPoint(120.156242,30.237222);">雷峰塔</a> | <a href="#" onclick="return loadPoint(120.145391,30.246832);">苏堤</a></div>
<div id="J-bdmap"></div>
<!-- 引入百度地图API -->
<script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"></script>
<script>
window.onload=function(){
BMapObj = new BMap.Map("J-bdmap"); // 在页面加载完成后，创建一个地图对象；
// 设置默认显示位置的坐标，这里是杭州的。
var point = new BMap.Point(120.162099,30.279019);
// 中央显示
BMapObj.centerAndZoom(point,12);
// 显示标记
BMapObj.addOverlay(new BMap.Marker(point));
}
// 加载一个地址坐标
function loadPoint(x, y) {
var point = new BMap.Point(x, y);
if(point) {
BMapObj.centerAndZoom(point,16);
BMapObj.addOverlay(new BMap.Marker(point));
}
return false;
}
</script>
</body>
