从MySQL数据库在谷歌地图上添加多个标记

 id INT AUTO_INCREMENT PRIMARY KEY,

 name VARCHAR(255),

 lat FLOAT(10,6),

 lng FLOAT(10,6)

 ('标记1', 40.712776, -74.005974),

 ('标记2', 34.052235, -118.243683),

 ('标记3', 51.507351, -0.127758);

 <title>谷歌地图标记示例</title>

 <style>

   #map {

     height: 400px;

     width: 100%;

   }

 </style>

 <div id="map"></div>

 <script>

   function initMap() {

     var map = new google.maps.Map(document.getElementById('map'), {

       center: {lat: 40.712776, lng: -74.005974},

       zoom: 12

     });

     // 从MySQL数据库获取标记数据

     // 这里使用Ajax请求后端接口获取数据，并将数据解析为JavaScript对象数组

     var markers = [

       {name: '标记1', lat: 40.712776, lng: -74.005974},

       {name: '标记2', lat: 34.052235, lng: -118.243683},

       {name: '标记3', lat: 51.507351, lng: -0.127758}

     ];

     // 在地图上添加标记

     markers.forEach(function(markerData) {

       var marker = new google.maps.Marker({

         position: {lat: markerData.lat, lng: markerData.lng},

         map: map,

         title: markerData.name

       });

     });

   }

 </script>

 <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" async defer></script>