Как разместить на Картах Google 3 маркера с пользовательским вводом вместо 1?

Я пытаюсь изучить что-то новое с помощью Javascript. На этот раз с Google Maps. Я уже могу разместить 1 маркер с помощью пользовательского ввода, а также могу дать маркеру имя. Следующий шаг, который я хочу сделать, это разместить 3 маркера (не более 3) с тем же полем ввода и кнопкой, которые я использую сейчас. Я застрял на 2 дня и уже пробовал кое-что, но не могу понять. Надеюсь, кто-нибудь поможет мне с моим кодом, спасибо за усилия!

index.html HTML: main.js

  <input id="place" type="text"> </div> <div> Name Marker<input id="namemarker" type="text"> <div> <button id="search">search</button> </div> </div> </div> </form> </div> </div> <div> <div> <div> <h1>MAP</h1> </div> </div> <div> <div class="divmap"></div> </div> </div> </div> </div> <script src="js/main.js"></script> </body> </html>

Код (JavaScript):