<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>