Можно ли отключить интерактивные ориентиры в API Карт Google, если я использую пакет vue2-google-maps?

Question

Я пытаюсь удалить интерактивные ориентиры в API Карт Google и обнаружил свойство, которое я должен установить в false, если я хочу это сделать, поскольку я использую https://www.npmjs.com/package/vue2-google-maps,, я могу Похоже, вы не знаете, как это сделать, и документация vue2-google-maps, похоже, не указывает, как изменить это свойство.

Исходя из этого https://developers.google.com/maps/documentation/javascript/reference/map#MapOptions.clickableIcons, мне нужно установить clickableIcons в false. К сожалению, я не могу понять, как получить доступ к этому свойству clickableIcons.

Пока что я получил доступ к нескольким другим свойствам, таким как масштабирование и центрирование следующим образом:

        <GmapMap ref="mapRef"
            @click='createMarker'
            :center="center"
            :zoom="zoom"
            :map-type-id="map"
            style="width: 100%; height: 800px"
        >
        </GmapMap>

Однако добавление: clickableIcons: false, похоже, ничего не делает в этом случае. Буду признателен за любую помощь.

Answer 1

Вы можете рассмотреть следующие варианты установки значки карты не активируются

Вариант 1

google.maps.MapOptions.clickableIcons свойство в vue-google-maps может быть установлено так:

<GmapMap :center="center" :zoom="zoom" :options="options"></GmapMap>


export default {
  data() {
    return {
      zoom: 12,
      center: { lat: 51.5287718, lng: -0.2416804 },
      options: {
        clickableIcons: false
      }
    };
  }
}

Вариант 2

Доступ к google.maps.Map.setClickableIcons метод через ref:

<GmapMap :center="center" :zoom="zoom" ref="mapRef"></GmapMap>


export default {
  data() {
    return {
      zoom: 12,
      center: { lat: 51.5287718, lng: -0.2416804 },
    };
  },
  mounted: function() {
     this.$refs.mapRef.$mapPromise.then(() => {
        this.$refs.mapRef.$mapObject.setClickableIcons(false)
    })
  }
}