通过Marker()在地图上添加标记点的颜色效果实现

Marker()是Google Maps API中的一个函数，可以在地图上添加标记点，并设置标记点的样式，包括颜色效果。

使用Marker()函数可以设置标记点的位置、图标、尺寸、动画、标题和信息窗口等属性。下面是一个使用Marker()函数添加标记点的例子：

// 创建一个地图对象
var map = new google.maps.Map(document.getElementById('map'), {
  center: {lat: -34.397, lng: 150.644}, // 地图中心点坐标
  zoom: 8 // 地图缩放级别
});

// 创建一个标记点对象
var marker = new google.maps.Marker({
  position: {lat: -34.397, lng: 150.644}, // 标记点位置坐标
  map: map, // 所属的地图对象
  title: 'Hello World!' // 标记点的标题
});

// 设置标记点的图标
marker.setIcon('http://maps.google.com/mapfiles/ms/icons/green-dot.png');

// 设置标记点的动画效果
marker.setAnimation(google.maps.Animation.BOUNCE);

// 创建一个信息窗口对象
var infoWindow = new google.maps.InfoWindow({
  content: 'This is a marker.' // 信息窗口的内容
});

// 为标记点添加点击事件，点击标记点时弹出信息窗口
marker.addListener('click', function() {
  infoWindow.open(map, marker);
});

上述例子中，首先创建了一个地图对象，并设置了地图的中心点和缩放级别。然后使用Marker()函数创建了一个标记点对象，并设置了标记点的位置和标题。接着使用setIcon()函数设置了标记点的图标，这里使用了Google Maps API中自带的一个绿色圆点图标。然后使用setAnimation()函数设置了标记点的动画效果，这里设置为弹跳效果。接着创建了一个信息窗口对象，并设置了信息窗口的内容。最后使用addListener()函数为标记点添加了点击事件，点击标记点时弹出信息窗口。

通过Marker()在地图上添加标记点的颜色效果实现了对标记点的个性化样式设置。可以根据业务需求选择不同的图标、动画效果和颜色样式，使标记点在地图上更加醒目和易于识别。