在Javascript中，有没有一种更干净的方式在一个小叶地图上编码多个标记？

<link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>

<div id="map" style="width: 100%; height: 400px;"></div>

var map = L.map('map').setView([51.505, -0.09], 13);

L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors',
  maxZoom: 18,
}).addTo(map);

var marker1 = L.marker([51.5, -0.09]).addTo(map);
var marker2 = L.marker([51.51, -0.1]).addTo(map);

marker1.bindPopup("Marker 1");
marker2.bindPopup("Marker 2");