Форма маркера - кликабельная область

Question

Я пытаюсь использовать Маркеры Карт Google с круглыми значками. Моя проблема в том, что интерактивная область - это квадрат, а не круг.

Я пытался использовать форму маркера, как определено в документации https://developers.google.com/maps/documentation/javascript/reference/marker#MarkerShape Как я смог прочитать здесь, вы можете изменить кликабельную область маркера. Итак, я сделал это:

        map = new google.maps.Map(document.getElementById('map'), {
          center: new google.maps.LatLng(47.023578942,15.368335626 ),
          zoom: 8
        });

        m1 = new google.maps.Marker({
          position: new google.maps.LatLng(47.023578942,15.368335626 ),
          map: map,
          icon: {
            path: google.maps.SymbolPath.CIRCLE,
            scale: 10,
            strokeColor: '#FF0000',
            fillColor: '#FF0000',
            fillOpacity: 1
          },
          shape: {coords: [0,0,50,50], type: "rect"}
        });
        m2 = new google.maps.Marker({
          position: new google.maps.LatLng(47.523578942,15.368335626 ),
          map: map,
          icon: {
            path: google.maps.SymbolPath.CIRCLE,
            scale: 10,
            strokeColor: '#FF0000',
            fillColor: '#FF0000',
            fillOpacity: 1
          },
          shape: {coords: [0,0,500], type: "circle"}
        });

Демо с кодом: https://jsfiddle.net/6sm32nqc/1/

Я ожидал, что кликабельная область будет кругом для одного из маркеров (верхнего), но ничего не изменилось. Отрисовывается та же самая область с кликабельной площадью 46x46 (см. Более темную область на рисунке ниже):

Я не уверен, что мне здесь не хватает :(.

Answer 1

Похоже, эта проблема происходит только на моей ОС.Я пробовал Chrome, FF и Opera, используя инкогнито, и поведение такое же, каждый раз тестируя связанный JSFiddle.Если я попробую его на другом компьютере или в виртуальной машине, проблема исчезнет.