'Google map with custom marker shape seems not to work

I try to reduce the clickable/mouse-hover area to the round area of the marker with a custom circle shape, but this area is still too big.

new google.maps.Marker({
  position: { lat: 40.97, lng: -2.3 },
  label: "A",
  title: "My custom title",
  map: map,
  shape: {
    coords: [14, 14, 14],
    type: 'circle'
  }});

You can try with this jsfiddle and see that the hover starts long before you get to the marker and always seems to be rectangular in shape.

google-maps marker

Solution 1:^[1]

I can't explain this behavior but it seems that it only happens on my machine with any browser. The problem no longer occurs on other systems.

Chrome 99.0.4844.51 Windows 10 Pro 21H2

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	ElNino

'Google map with custom marker shape seems not to work

Solution 1:[1]

Sources

Related Questions

Solution 1:^[1]