// 创建地图
const map = new google.maps.Map(document.getElementById("map"), {
  zoom: 4,
  center: { lat: 39.9042, lng: 116.4074 }
});

// 创建文本标记
const marker = new google.maps.Marker({
  position: { lat: 39.9042, lng: 116.4074 },
  map: map,
  label: {
    text: "北京",
    color: "#FF0000",
    fontSize: "14px",
    fontWeight: "bold"
  }
});

// 添加点击事件
marker.addListener("click", () => {
  alert("您点击了北京标记！");
});

// 确保标记已添加到地图
marker.setMap(map);

// 确保使用正确的事件监听方式
google.maps.event.addListener(marker, 'click', function() {
  console.log('标记被点击');
});

const marker = new google.maps.Marker({
  position: { lat: 39.9042, lng: 116.4074 },
  map: map,
  label: {
    text: "自定义文本",
    color: "#FFFFFF",
    fontSize: "16px",
    fontWeight: "bold",
    className: "custom-label" // 可以添加自定义CSS类
  }
});

const infowindow = new google.maps.InfoWindow({
  content: "<div style='color:#000;'>这里是北京的详细信息</div>"
});

marker.addListener("click", () => {
  infowindow.open(map, marker);
});

const locations = [
  { lat: 39.9042, lng: 116.4074, name: "北京" },
  { lat: 31.2304, lng: 121.4737, name: "上海" },
  { lat: 23.1291, lng: 113.2644, name: "广州" }
];

locations.forEach(location => {
  const marker = new google.maps.Marker({
    position: { lat: location.lat, lng: location.lng },
    map: map,
    label: {
      text: location.name,
      color: "#000000",
      fontSize: "12px"
    }
  });

  marker.addListener("click", () => {
    alert(`您点击了${location.name}`);
  });
});

const marker = new google.maps.Marker({
  position: { lat: 39.9042, lng: 116.4074 },
  map: map,
  label: {
    text: "★", // 可以使用特殊字符
    color: "#FF0000",
    fontSize: "24px",
    fontFamily: "Arial Unicode MS" // 确保支持特殊字符
  },
  icon: {
    // 设置为空路径以隐藏默认图标
    path: google.maps.SymbolPath.CIRCLE,
    scale: 0
  }
});