嘿，这个需求其实很好实现，核心就是在创建标记点的环节，判断当前标记点的坐标是否和地图中心完全匹配，然后针对性地分配不同图标就行啦！

具体步骤和代码修改： #

首先，假设你已经有了地图实例（比如命名为map），我们只需要在你现有的createMarker函数里添加坐标判断和图标分支逻辑：

1. 定义图标配置：先准备好默认标记点图标和中心专属图标的配置（路径、尺寸、锚点这些都可以根据你的需求调整）；
2. 坐标匹配判断：利用Google Maps LatLng对象自带的equals()方法，对比当前标记点坐标和地图中心坐标（别直接用==，因为是对象引用，equals()才会正确比较经纬度值）；
3. 创建标记点时选择图标：根据判断结果，给标记点设置对应的图标。

修改后的完整函数示例如下：

// 注意：如果map实例不是全局的，建议把它作为参数传入函数
function createMarker(map, latlng, html, summary, photo1, photo2, thisLatlng) {
  // 定义默认图标和中心标记点专属图标
  const defaultMarkerIcon = {
    url: '/images/default-marker.png', // 替换成你的默认图标路径
    scaledSize: new google.maps.Size(32, 32), // 图标显示尺寸
    anchor: new google.maps.Point(16, 32) // 图标锚点（对应标记点的经纬度位置）
  };
  const centerMarkerIcon = {
    url: '/images/center-special-marker.png', // 替换成你的中心专属图标路径
    scaledSize: new google.maps.Size(40, 40),
    anchor: new google.maps.Point(20, 40)
  };

  // 判断当前标记点是否与地图中心重合
  const isCenterMarker = latlng.equals(map.getCenter());

  // 创建标记点，根据判断结果选择图标
  const marker = new google.maps.Marker({
    position: latlng,
    map: map,
    icon: isCenterMarker ? centerMarkerIcon : defaultMarkerIcon
  });

  // 保留你原来的信息框逻辑
  const contentString = `<div style='min-height:150px'>${photo1}<img src='/images/${photo2}' width='225' height='150' align='left'...`; // 补全你原来的HTML内容

  // 绑定信息窗口点击事件
  const infoWindow = new google.maps.InfoWindow({ content: contentString });
  google.maps.event.addListener(marker, 'click', () => {
    infoWindow.open(map, marker);
  });

  return marker;
}

额外注意事项： #

• 如果你的map实例不是全局变量，一定要把它作为参数传入createMarker函数，避免作用域问题；
• 图标路径要替换成你实际的文件路径，锚点（anchor）的设置要确保图标精准定位在标记点的经纬度上；
• 如果地图中心会动态变化（比如用户拖动地图后），而这个标记点需要始终跟着中心走，那你还需要监听地图的center_changed事件，实时更新该标记点的位置和图标状态。

内容的提问来源于stack exchange，提问作者TrapezeArtist