0xD34F

function navFunction(id) {
  for (const n of document.querySelectorAll('.dropdown2-content')) {
    n.classList[n.id === id ? 'toggle' : 'remove']('show');
  }
}

.dropdown2 .dropdown2-content {
  display: none;
}

.dropdown2.show .dropdown2-content {
  display: block;
}

const containerSelector = '.dropdown2';
const buttonSelector = `${containerSelector} .dropbtn2`;
const activeClass = 'show';


// делегирование, назначаем обработчик клика один раз для всех кнопок
document.addEventListener('click', e => {
  const button = e.target.closest(buttonSelector);
  if (button) {
    document.querySelectorAll(containerSelector).forEach(function(n) {
      n.classList[n === this ? 'toggle' : 'remove'](activeClass);
    }, button.closest(containerSelector));
  }
});

// или, назначаем обработчик клика каждой кнопке индивидуально
const onClick = function({ currentTarget: t }) {
  this.forEach((n, i) => n.classList[n.contains(t) ? 'toggle' : 'remove'](activeClass));
}.bind(document.querySelectorAll(containerSelector));

document.querySelectorAll(buttonSelector).forEach(n => {
  n.addEventListener('click', onClick);
});

const RadioGroup = props => (
  <div>
    {props.items.map(n => (
      <label className={`radio ${n.val == props.value ? 'selected' : ''}`}>
        <input 
          type="radio"
          name={props.name}
          value={n.val}
          checked={n.val === props.value}
          onChange={props.onChange}
        />
        <img src={n.img} />
      </label>
    ))}
  </div>
);

const inputSelector = '#icons_care';
const checkboxSelector = '.check_care';
const checkboxCheckedSelector = `${checkboxSelector}:checked`;
const dataAttr = 'icon';
const separator = ', ';

$(document).on('change', checkboxSelector, () => {
  $(inputSelector).val($(checkboxCheckedSelector)
    .get()
    .map(n => $(n).data(dataAttr))
    .join(separator)
  );
});

// или

document.addEventListener('change', e => {
  if (e.target.matches(checkboxSelector)) {
    const input = document.querySelector(inputSelector);
    const cb = document.querySelectorAll(checkboxCheckedSelector);
    input.value = Array.from(cb, n => n.dataset[dataAttr]).join(separator);
  }
});

1. Сделайте infowindow свойством компонента. Инициализируйте его там же где и саму карту.
   
2. Перенесите назначение обработчика клика маркера из updateMap в обработчик places_changed, туда, где маркер создаётся впервые. Должно получится как-то так:
   
   

   const marker = new google.maps.Marker({
     map: this.map,
     title: place.name,
     position: place.geometry.location,
   });
   google.maps.event.addListener(marker, 'click', () => {
     this.infowindow.setContent(marker.title);
     this.infowindow.open(this.map, marker);
   });
   this.markers.push(marker);

   
   
3. Сам метод updateMap должен сильно сократиться в размерах (да и имя ему сменить не помешает - на updatePolyline, например):
   
   

   updateMap() {
     if (this.polyline) {
       this.polyline.setMap(null);
     }
   
     this.polyline = new google.maps.Polyline({
       path: this.markers.map(n => n.getPosition()),
       geodesic: true,
       strokeColor: '#FF0000',
       strokeOpacity: 1.0,
       strokeWeight: 2,
       map: this.map,
     });
   },

   
   
4. Что касается работы с элементами DOM-дерева:
   
   

   document.getElementById('map')
   <...>
   document.getElementById('inputPlace')

   
   Так дела не делаются. Стоит переписать с использованием ref.
   

$str = implode('+', str_split($str, strlen($str) / 4));

const buttonSelector = '.button';
const blockSelector = '.div';
const activeClass = 'red';
const toggleBlock = (blocks, buttons, button) =>
  buttons.forEach((n, i) => {
    blocks[i].classList[n === button ? 'toggle' : 'remove'](activeClass);
  });

// обработчик клика делегированный, назначается один раз
document.addEventListener('click', e => {
  const button = e.target.closest(buttonSelector);
  if (button) {
    const blocks = document.querySelectorAll(blockSelector);
    const buttons = document.querySelectorAll(buttonSelector);
    toggleBlock(blocks, buttons, button);
  }
});

// или, назначаем обработчик клика каждой кнопке индивидуально
const buttons = document.querySelectorAll(buttonSelector);
const blocks = document.querySelectorAll(blockSelector);
const onClick = e => toggleBlock(blocks, buttons, e.currentTarget);
buttons.forEach(n => n.addEventListener('click', onClick));

(1..height_result - 1).each do |n|
  space_count = (height.to_i - n).abs
  asterisk_count = height_result - space_count * 2 - 1
  print " " * space_count + "*" * asterisk_count + "\n"
end

Vue.component('v-tooltip', {
  template: `
<div class="wrp">
  <div class="btn" @click="visible = !visible">{{ label }}</div>
  <div class="tooltip" :class="{ visible }">{{ message }}</div>
</div>`,
  props: {
    label: {
      type: String,
      default: 'click me',
    },
    message: {
      type: String,
      default: 'hello, world!!',
    },
  },
  data: () => ({
    visible: false,
  }),
});

Не используя ref.

methods: {
  onInput(e, product) {
    product.quantity = Math.max(0, parseInt(e.target.value) || 0);
  },
},

watch: {
  products: {
    deep: true,
    handler() {
      this.products.forEach(n => n.quantity = Math.max(0, parseInt(n.quantity) || 0));
    },
  },
},

<input class="date">
<input class="date">
<input class="date">

const yearButton = year => `
  <button
    data-year="${year}"
    class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all"
  >${year}</button>
`;

$('.date').datepicker({
  showButtonPanel: true,
}).each(function(i) {
  $(this).datepicker(
    'option',
    'currentText',
    `Today ${yearButton(2015 + i * 2)}${yearButton(2015 + i * 2 + 1)}`
  );
});

$(document).on('click', '[data-year]', function() {
  $.datepicker._curInst.input.datepicker('setDate', `01/01/${$(this).data('year')}`);
});

$result = array_map(function($n) {
  return implode(', ', array_column($n, 'value'));
}, $arr);