百度地图开发 多点标记以及点击弹出对应信息窗口自定义样式 代码实现

百度地图开发中，可以使用Marker对象来进行多点标记，并使用InfoWindow对象来实现点击弹出对应信息窗口的功能。以下是一个示例代码实现：

// 创建地图实例
var map = new BMap.Map("container");
// 设置地图中心点和缩放级别
var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 15);

// 创建多个标记点
var points = [
  new BMap.Point(116.404, 39.915),
  new BMap.Point(116.418, 39.925),
  new BMap.Point(116.415, 39.919)
];

// 创建标记点的自定义样式
var icon = new BMap.Icon("icon.png", new BMap.Size(30, 30), {
  anchor: new BMap.Size(15, 30)
});

// 添加标记点到地图并设置点击事件
for (var i = 0; i < points.length; i++) {
  var marker = new BMap.Marker(points[i], { icon: icon });
  map.addOverlay(marker);

  // 创建信息窗口的内容
  var content = "这是第" + (i + 1) + "个标记点";
  // 创建信息窗口
  var infoWindow = new BMap.InfoWindow(content);

  // 设置标记点的点击事件
  marker.addEventListener("click", function () {
    // 打开信息窗口
    this.openInfoWindow(infoWindow);
  });
}

上述代码中，首先创建了一个地图实例，并设置了地图的中心点和缩放级别。然后，创建了多个标记点，并设置了标记点的自定义样式。接下来，通过for循环将标记点添加到地图上，并为每个标记点设置了点击事件。在点击事件中，打开了对应的信息窗口并显示相应的内容。

需要注意的是，其中的icon.png是自定义的标记点图标，可以根据实际情况进行替换。另外，信息窗口的内容也可以根据需求进行自定义