百度地图开发：JSON格式多点标注示例代码 - x,y坐标不分离 - 常规

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>百度地图开发示例 - JSON格式多点标注</title>
<style type="text/css">
#container {
width: 800px;
height: 600px;
}
</style>
</head>
<body>
<div id="container"></div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的百度地图AK"></script>
<script type="text/javascript">
// JSON格式的数据，包含x和y坐标
var data = [
{
"x": 116.404,
"y": 39.915,
"name": "标注1"
},
{
"x": 116.418,
"y": 39.915,
"name": "标注2"
},
{
"x": 116.415,
"y": 39.925,
"name": "标注3"
}
];
<p>// 创建地图实例
var map = new BMap.Map(&quot;container&quot;);</p>
<p>// 设置地图中心点和缩放级别
var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 15);</p>
<p>// 循环遍历数据，创建标注点
for (var i = 0; i &lt; data.length; i++) {
var markerPoint = new BMap.Point(data[i].x, data[i].y);
var marker = new BMap.Marker(markerPoint);  // 创建标注
map.addOverlay(marker);  // 将标注添加到地图中</p>
<p>// 添加标注的点击事件
marker.addEventListener('click', function (e) {
alert('点击了标注：' + e.target.getLabel().content);
});</p>
<p>// 设置标注的标签
var label = new BMap.Label(data[i].name, {offset: new BMap.Size(20, -10)});
marker.setLabel(label);
}
</script></p>
</body>
</html>