Размещение кругов вместо маркеров на картах Google

Question

Я хотел бы добавить 2 круга (красный и зеленый) вместо маркера по умолчанию на картах google. Мне нужен цвет кругов для изменения (увеличения/уменьшения интенсивности) на основе значений в базе данных. Можно ли это сделать?

Answer 1

Создайте круг, как значки маркеров, например:

var oMarker = new google.maps.Marker({ 
    position: latLng, 
    sName: "Marker Name", 
    map: map, 
    icon: { 
     path: google.maps.SymbolPath.CIRCLE, 
     scale: 8.5, 
     fillColor: "#F00", 
     fillOpacity: 0.4, 
     strokeWeight: 0.4 
    }, 
}); 

, а затем, если вы хотите изменить маркер динамически (например, при наведении курсора мыши), вы можете, например:

oMarker.setIcon({ 
      path: google.maps.SymbolPath.CIRCLE, 
      scale: 10, 
      fillColor: "#0F0", 
      fillOpacity: 0.8, 
      strokeWeight: 1 
     })